美文网首页
vue-cli项目,自定义前端服务端口

vue-cli项目,自定义前端服务端口

作者: 万州客 | 来源:发表于2020-11-06 13:18 被阅读0次

现在开始,正式弄弄前后端分离的项目了。原型模型:vue-antd-admin,官网文档https://iczer.gitee.io/vue-antd-admin-docs/,问题一个一个解决,第一个问题就是:自定义前端服务端口。

现象:

运行npm run serve之后,默认好像是运行的8080端口,但如果8080被占用,则会依次深度8081,8082等,直到正常启动。
那如何固定下来端口呢?

解决:

网上看到两种方案

一,vue.config.js文件里,module.exports段,devServer里加入以下内容,固定端口。

devServer: {
    host: '0.0.0.0',
    port: 8094,
    // proxy: {
    //   '/api': { //此处要与 /services/api.js 中的 API_PROXY_PREFIX 值保持一致
    //     target: process.env.VUE_APP_API_BASE_URL,
    //     changeOrigin: true,
    //     pathRewrite: {
    //       '^/api': ''
    //     }
    //   }
    // }
  },

二,启动命令时,加port参数

npm run serve -- --port 8093

截屏2020-11-06下午1.16.40.png

相关文章

网友评论

      本文标题:vue-cli项目,自定义前端服务端口

      本文链接:https://www.haomeiwen.com/subject/gzrtbktx.html