项目前端小结
程序员文章站
2022-05-11 10:52:17
...
解压安装 node-v10.14.2-x64.msi 一直下一步。。。。
在命令行窗口 node -v 查看版本号
Node -v
在命令行窗口 admin运行 属性关闭快速编辑模式
安装npm 前端服务器库
npm install
解压前端项目在 projectName/config
修改dev.env.js 和 indexjs
dev.env.js
'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')
// 后端接口地址
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
BASE_API: '"http://127.0.0.1:8081"'
})
index.js 前端访问端口
'use strict'
// Template version: 1.2.6
// see http://vuejs-templates.github.io/webpack for documentation.
const path = require('path')
module.exports = {
dev: {
// Paths
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {},
// Various Dev Server settings
host: '127.0.0.1', // can be overwritten by process.env.HOST
port: 8888, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
autoOpenBrowser: true,
errorOverlay: true,
notifyOnErrors: false,
poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
.................
}
}
启动项目
在项目目录下cmd
Npm run dev
就可以浏览器打开项目首页。