问题一:
部署在服务器上后,资源引用的是根目录下的static下的资源。如下图所示
如果是直接部署在网站根目录是没有问题的,如果部署在子目录下就会找不到资源了。
解决方案:
在index.js中修改assetsPublicPath: './'
问题二:
vue项目放在站点根目录的显示效果,
访问路径为: http://test1.gbfeng.com
vue项目放在根目录下的questionnaire目录下的显示效果
访问路径为http://test1.gbfeng.com/questionnaire
总结下就是:项目放在网站根目录是正常显示,放在子目录下就不正常(一片空白)
解决方案:
这种情况是vue项目的路由指向问题。
在vue项目 index.js 中添加需要访问的子目录路由即可。
更详细参考:https://zhuanlan.zhihu.com/p/242758284?ivk_sa=1024320u