vue项目上线页面刷新不显示网页解决办法

前段时间遇到过404的问题

404的问题是因为php环境中的伪静态;

解决办法可以看下这篇 : Vue项目上线后控制台报错404（（apache，nginx，tomcat））

这次遇到的是报错:

Uncaught SyntaxError: Unexpected token '<'
Uncaught ReferenceError: Vue is not defined

我在public下index.html 用的自有引入的插件,但是路径写的是:

<script src="./cdn/js/vue2.6.9.min.js"></script>
<script src="./cdn/js/element-ui2.15.7min.js"></script>
<script src="./cdn/js/vue-router3.5.2.min.js"></script>
<script src="./cdn/js/axios0.21.1.min.js"></script>

这样在首页往子页面传递时没有问题,但是刷新页面会导致重新加载js文件,但是此时的路由路径是:

http://localhost:8080/la/mung

这时 上边的 ./cdn/….. 路径就会识别成: http://localhost:8080/la/cdn/…….

导致加载错误,自然依靠vue框架的项目文件虽然可以使用,但没有vue支撑,也加载不出来页面;

最后把每个路径前边的 ‘. ‘ 去掉即可

<script src="/cdn/js/vue2.6.9.min.js"></script>

就可以完美解决了~