vue.config.js常用配置

 1 module.exports = {
 2     publicPath: './',//解决build后，图片等资源加载不到的问题
 3     devServer:{//vue axios设置代理(用以解决开发、生产环境的跨域问题)，main.js文件：axios.defaults.baseURL = '/';
 4         proxy: {
 5             '/': {
 6                 target: 'http://localhost:3001',//根据需要更改这里，我这是因为后台提供的项目跑在本地3001端口
 7                 changeOrigin: true,
 8                 pathRewrite: {
 9                     '^/': ''
10                 }
11             }
12         }
13     },
14     outputDir: "../clgs/src/main/webapp/view/nrc-monitor/inside",//指定build生成文件的目标位置
15     productionSourceMap: false,//build时不产生map文件
16     css: {//全局使用指定scss文件定义的sass变量
17         loaderOptions: {
18             sass: {
19                 prependData: `@import "@/assets/common/preset.scss";`
20             }
21         }
22     }
23 };

本配置应用于版本@vue/cli 4.4.6 如遇不可期问题，可怀疑版本间差异，再搜索对应版本配置方法