vue项目在服务器上地址的部署问题

Question

首先, 我的项目不是在服务器的根目录, 这里假设目录名为website方便下面描述

根据网上说的, 我设置了config/index.js下面的build.assetsPublicPath为'/website/', 同时启动了

history模式, 路由设置为base: '/website/'

问题:

• 项目部署到服务器后, 我想添加prerender-spa-plugin预渲染插件, 但是生成文件的时候一直报错, google了相关资料(github)以后发现是因为设置了build.assetsPublicPath, 只有为默认的/是才能成功, 但是项目目录不能动, 这个问题就搁置了

• 然后, 项目部署到服务器还有一个问题, 有时候点击路由无效, 查看控制台发现报错如下:

Error: Loading chunk 4 failed. at HTMLScriptElement...

又google发现又是要改assetsPublicPath, 手动汗~

我就想知道有什么办法让我把assetsPublicPath设置为默认的/之后, 还能成功部署到服务器子目录而不会出现路径引用问题的错误

Answer 1

dev也改成/然后开发用 static/.. 访问 static下面的内容