npm run build 打包好的dist文件,需要修改服务器地址的时候就需要重新配置url,但是打包之后修改main.js文件的话不会产生影响
解决办法就是在index.html中引入一个新的js文件,这个js文件中创建一个全局的变量来保存这个服务器ip地址:
window.globalConfig = { baseURL: 'http://192.168.1.107:8080' }
ip地址写自己的。
注意static和assets路径下文件引用区分:
- static/ 目录下的文件并不会被 Webpack 处理:它们会直接被复制到最终目录(默认是dist/static)下。必须使用绝对路径引用这些文件,这是通过在 config.js 文件中的 build.assetsPublicPath 和 build.assetsSubDirectory 连接来确定的。任何放在 static/ 中文件需要以绝对路径的形式引用:/static/[filename]。
- assets目录中的文件会被webpack处理解析为模块依赖,只支持相对路径形式。因为webpack会将图片当做模块来引用,所以在js中需要使用require将图片引用进来,不能直接以字符串的形式。
- 可以通过webpack+vue自定义路径别名找到文件的位置,如找到static下文件