Vue项目编译后部署在非网站根目录页面显示空白解决方案

问题一：

部署在服务器上后，资源引用的是根目录下的static下的资源。如下图所示

如果是直接部署在网站根目录是没有问题的，如果部署在子目录下就会找不到资源了。

解决方案：

在index.js中修改assetsPublicPath: ‘./’

问题二：

vue项目放在站点根目录的显示效果，

访问路径为： http://test1.gbfeng.com

vue项目放在根目录下的questionnaire目录下的显示效果

访问路径为http://test1.gbfeng.com/questionnaire

总结下就是：项目放在网站根目录是正常显示，放在子目录下就不正常(一片空白)

解决方案：

这种情况是vue项目的路由指向问题。

在vue项目 index.js 中添加需要访问的子目录路由即可。