VUE-CLI 3 修改前端默认的端口
所在目录:node_modules\@vue\cli-service\lib\commands需要修改的文件:serve.js默认端口为8080,我修改为8081;如下图所示:const {info,hasProjectYarn,hasProjectPnpm,openBrowser,IpcMessenger} = require('@vue/cli-shared-utils')const defa
·
1.修改项目中默认配置的端口号(修改的是默认的浏览器上的端口):
所在目录:node_modules\@vue\cli-service\lib\commands
需要修改的文件:serve.js
默认端口为8080,我修改为8081;如下图所示:
const {
info,
hasProjectYarn,
hasProjectPnpm,
openBrowser,
IpcMessenger
} = require('@vue/cli-shared-utils')
const defaults = {
host: '0.0.0.0',
port: 8080,
https: false
}
2.在vue.config.js中重新修改端口号(修改的是默认的浏览器上的端口):
devServer: {
// host:0.0.0.0,
port: 8000, // 端口号
// https: false, // https:{type:Boolean}
open: true, //配置自动启动浏览器
hotOnly: true, // 热更新
/* proxy: {
'/api': { // http://localhost:8081/api/banner
target: 'http://192.168.3.174:8083',// http://127.0.0.1:7001/banner
changeOrigin: true,
pathRewrite: {
'^/api': '/'
}
},
// "/XX/*": {
// target: "http://172.11.11.11:7071",
// changeOrigin: true,
// // ws: true,//websocket支持
// secure: false
// },
} */
}
3.将项目部署到Linux服务器上,部署步骤如下:
- 全局安装npm install express-generator -g
- express + 项目名称
- cd 项目名称
- npm install 安装依赖包
- npm start 启动项目
- 端口号 3000(默认)
//发布到服务器上启动node更改www文件端口号
命令行输入 set PORT=3000吗,node app.js(部署分发系统项目时,此命令执行没有效果,改为用 export PORT=3001,再 npm strart成功了)
更多推荐
已为社区贡献4条内容
所有评论(0)