Vue项目配置固定端口

解决

我为了使用vue ui，我把我电脑的Vue cli升级到了3.0，所以这个设置是针对vue cli3.0的，然后生成的vue项目都没有vue2.0项目的config目录，那我该怎么配置固定端口呢？

答：在vue项目根目录下新建vue.config.js文件，加入代码，设置port为自己想要的端口，然后附上我的代码，如下：

module.exports = {
    devServer: {
        open: process.platform === 'darwin',
        host: '0.0.0.0',
        port: 8848,
        https: false,
        hotOnly: false,
        // 查阅 https://github.com/vuejs/vue-docs-zh-cn/blob/master/vue-cli/cli-service.md#配置代理
        proxy: {
            '/api': {
                target: `http://58.251.218.38:8280`,
                changeOrigin: true,
                secure: false,
                pathRewrite: {
                    "^/api": ""
                }
            }
        },
        disableHostCheck: true
    },
    // 配置高于chainWebpack中关于 css loader 的配置
  
}

最后

• 目录结构
  

• 我的只是需要让vue项目每次端口是固定的需求而已，对于vue.config.js研究不是很多，如果想了解更多详情可以参考下面的链接：
  https://blog.csdn.net/qq_33414883/article/details/104770944