在vue.config.js文件中添加以下配置,重点是配置host,port,open
module.exports = {
devServer: {
host: 'localhost',//启动后的host地址
port: 80,//项目启动后的端口号
open: true,//启动时自动打开浏览器
proxy: {
'/api': {
target: 'http://localhost',//根据自己想要代理的地址填写
ws: true,
pathRewrite: {
'^/api': '/'
}
}
},
// disableHostCheck: true
}
}
需要特别注意的是:
如果配置了open为true,没有配置host,项目启动时浏览器只会自动打开0.0.0.0:80的页面,而不会打开本地项目启动的正确地址