vue打包为啥会访问旧版本

Posted 2023-04-17

参考技术A 第一次打包a1.css文件追加哈希值变成了 a1.aaaaa.css,我们给a1.aaaaa.css设置了强缓存1W年。

然后项目改动，我们又打包了一次。打包后生产新的哈希值，a1.aaaaa.css变成了a1.bbbbb.css文件。那么当我们第一次访问a1.bbbbb.css文件的时候是不会被缓存。因为1W年的缓存是给a1.aaaaa.css文件做的。关我a1.bbbbb.css文件什么事？这样我们也就能拿到最新的改动。

其他可以被webpack生成哈希值的文件同理。解决方案： 前端 要在打包的时候配置好脚手架配置文件 ，打包出来的文件名要 跟上一次打包出来的文件名 不一样才行 。

比如，有一个css文件a1

为啥vue打包后出现后 在浏览器上打开的是空白页

参考技术A 这是因为路由配置中路劲的问题，原因是你配置的URL是这种形式的：

但是你的路由配置却是直接访问了根目录，所以导致资源可以加载但是组件无法渲染的现象。
需要将路由配置改为：
export default new Router本回答被提问者采纳 参考技术B

我们做vue项目也遇到过这个问题，如果你是wabpack项目打包应该没这问题（我试过了），如果是静态页面CDN引入vue就会有这个问题，原因：部分手机浏览器不支持 ES6（已测试小米和iphone就支持，华为和一加不支持）。

解决方法：

方法一：页面引入babel-polyfill。

<script src="https://cdn.bootcss.com/babel-polyfill/7.0.0-beta.49/polyfill.min.js"></script>

方法二：参考网友王泽平的博客

npm install --save-dev babel-polyfill

引入babel-polyfill的方法有三种：

import "babel-polyfill";

require("babel-polyfill");

module.exports = 
　　entry: ["babel-polyfill", "./app/js"]
;