vue-cli3脚手架创建完毕不会有config文件,需要我们自己配置,并且官网有详细的配置列表。
在根目录下创建vue.config.js 即package.json同级
在vue.config.js 内进行以下配置
module.exports = {
outputDir: 'dist', //build输出目录 默认不需要配置
assetsDir: 'assets', //静态资源目录(js, css, img)默认不需要配置
lintOnSave: false, //是否开启eslint
devServer: {
open: true, //是否自动弹出浏览器页面
host: "localhost",
port: '8080',
https: false, //是否使用https协议
hotOnly: false, //是否开启热更新
proxy: null,
}
}
devServer: {
open: true, //是否自动弹出浏览器页面
host: "localhost",
port: '8080',
https: false,
hotOnly: false,
proxy: {
'/api': {
target: 'http://localhost:5000', //API服务器的地址
ws: true, //代理websockets
changeOrigin: true, // 虚拟的站点需要更管origin
pathRewrite: { //重写路径 比如'/api/aaa/ccc'重写为'/aaa/ccc'
'^/api': ''
}
}
},
}