直接在 package.json 文件同级创建 vue.config.js 文件,具体配置如下:
module.exports = {
//跟路径
baseUrl:'/',
//图标路径设置
pwa: {
iconPaths: {
favicon32: 'favicon.png',
favicon16: 'favicon.png',
appleTouchIcon: 'favicon.png',
maskIcon: 'favicon.png',
msTileImage: 'favicon.png'
}
},
//入口文件和 title
pages: {
index: {
entry: 'src/main.js',
title: '名称',
}
},
//配置代理
devServer: {
port: 9999, //端口号
proxy: {
'/api': {
target: 'http://192.168.2.196:8080/api/',
changeOrigin: true,
pathRewrite : {
"^/api" : ""
}
}
}
}
}
注意:
1、vue-cli3.3 版本以后 baseUrl 被废除了, 需要使用 publicPath 替换。
2、上面这种设置的 title 可以是中文也可以是英文,设置 pages.index 的时候必须加上 entry 属性,否则会报错。
3、修改之后需要重新启动项目
还有一种修改 title 的方法:
直接修改 package.json 文件的 name 属性,这样也可以直接修改 title ,但是这种不能填写中文。