vue 项目打包后放到服务器端,页面刷新后在index.html引入的js文件路径前面会加上当前显示的路径。
本地的路径为:extendjs/customextend.js
远程的路径为:basics/extendjs/customextend.js
basics是刷新页面的路由。
解决办法:在vue.config.js文件里面配置publicPath。
我之前的publicPath在生产环境写的是'./'
,因为之前想把打包后的包部署在任意路径,现在是放在根路径上。
module.exports = {
publicPath: process.env.NODE_ENV === "production" ? "./" : "/",
}
要改为'/'
就可以了
module.exports = {
publicPath: process.env.NODE_ENV === "production" ? "/" : "/",
}