前端项目打包之后修改服务器地址失效

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下文件
posted @ 2020-08-20 09:35  _曾经沧海难为水  阅读(985)  评论(0编辑  收藏  举报