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 如遇不可期问题,可怀疑版本间差异,再搜索对应版本配置方法
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步