Vue项目打包后,静态资源路径出错
一,css、js路径出错
1.1 特征:
这种情况表现为页面显示是空白的!
1.2 解决方案
进入config ==> index.js 文件
二,图片路径出错
2.1 特征:
本地测试没问题,但是打包之后,路径就乱了
2.2 解决方案
进入build.js ⇒ utils.js
一,css、js路径出错
1.1 特征:
这种情况表现为页面显示是空白的!
1.2 解决方案
进入config ==> index.js 文件
二,图片路径出错
2.1 特征:
本地测试没问题,但是打包之后,路径就乱了
2.2 解决方案
进入build.js ⇒ utils.js
载地址:[https://blog.csdn.net/qq\_36497461/article/details/89852181][https_blog.csdn.net...
记录一下使用SpringBoot访问静态资源和SpringBoot打包之后的jar外部静态资源,在开发的时候,一般选择前后端分离的方式,前端使用vue 后端使用SpringBo
> 因为项目需要配置几个测试环境,以及生产环境,所以使用了 `process.env.NODE_ENV` 和启动命令 来区分打包的环境是哪一个。 > 完成后发现一个问题:当
执行命令打包后,打开dist文件夹下的html文件,资源全部爆红!!! ![在这里插入图片描述][3d7efabd3bc349f8977ee6a9cc8e8dfa.png]
今天使用vue打包(npm run build)遇到了几个坑,在这里分享给大家 打包之后打开dist的页面显示空白: 这个问题以前就处理过,是打包过程中出现错误频率较高
> 一,问题描述 1.1 问题情况 在本地测试时,css样式是没有问题的,但是当这个vue项目打包之后,第三方的插件的样式竟然覆盖了我 自己写的样式。
> 一,css、js路径出错 1.1 特征: 这种情况表现为页面显示是空白的! ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVp
1、js,css的路径不对 方法:找到 config/index.js,将其中的assetsPublicPath值改为’./’ assetsPublicPath:'./
vue项目打包后,可能大家会注意到,会把一些文件都编译压缩到一起,但是打包后我们通常很难再去修改某些东西。 1. 场景一:单点登录。当我们需要把部署包部署到不同的环境,但是
一 问题 通过 v-for 循环,无法看到页面图片。 <template> <div v-for="img in imgs">
还没有评论,来说两句吧...