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