Vue打包后跳转失效问题

Posted 2023-04-19

参考技术A 这个折腾了我两小时，我在想为什么测试的时候没事，而发布就出现问题。

很多网上给的答案是将根目录从 / 改为 ./ 。

不起作用，好歹我也是做了几个vue项目的淫，我必须搞清楚。

后来发现～～～～ a 标签的 href 跳转貌似不会激发router的功能，导致一系列错误，现在修正了。

撒花～

vue打包后，轮播图的动画内容位置显示不正确，且动画失效

解决方法：

1.在vue项目中找到build文件夹下的vue-loader.conf.js，将extract：isProduction  改为extract：false

此步骤打包后解决了动画图片位置错误的问题

 

2.package.json配置文件里面对浏览器的版本做了css的前缀处理

此步骤解决了动画失效问题

"browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ]

意思是 只兼容主流浏览器的最新两个版本。如果我们要兼容所有的就必须把这改成下面，就可以了。

"browserslist": [
    "> 1%",
    "last 5 versions",
    "Android >= 4.0",
    "not ie <= 8"
  ]

 参考文章：

https://blog.csdn.net/ysm19950927/article/details/80526566

https://blog.csdn.net/chi1130/article/details/83962551