本文介绍了如何在VueCLI3项目中进行配置，包括在打包时移除console.log日志，禁用生产环境的js.map源码映射，以及设置axios实现API请求的跨域。通过修改vue.config.js文件，可以实现这些功能，提高项目部署的效率和安全性。
打包去掉console.log
vue cli3
vue.config.js
// vue.config.js 文件
module.exports = {
// 配置webpack打包
configureWebpack: (config) => {
// 取消console打印
config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
}
}
打包时取消 js.map
vue cli3
vue.config.js
// vue.config.js 文件
module.exports = {
// 打包时取消js.map
productionSourceMap: false,
}
Serve axios跨域设置
vue cli3
vue.config.js
// vue.config.js 文件
module.exports = {
// 跨域设置
devServer: {
proxy: {
'/api/': {
// 需要代理的url
target: 'http://**********/',
// 允许跨越
changeOrigin: true,
// 路径重写
pathRewrite: {
'^/api/': ''
}
}
}
}
}
扫一扫
1632
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
