vue部署服务器子目录的问题
默认情况下。我们打包的vue项目只能运行在根目录下,如果需要把项目放在子目录下,需要改配置文件,在config文件夹下index.js中做如下修改:
将 assetsPublicPath: '/' 更改为 assetsPublicPath: '/子目录名/'
比如 ,要放在服务器 /vue2018 目录下运行 就更改为 assetsPublicPath: ‘/vue2018/’
注意:assetsPublicPath有两个,一个是生产环境下的,一个是开发环境下的,我们要改的是生产环境下的,也就是build下面的
项目有用到路由还要记得改路由:
base
类型: string
默认值: “/”
应用的基路径。例如,如果整个单页应用服务在 /app/ 下,然后 base 就应该设为 “/app/”。
https://router.vuejs.org/zh-cn/api/options.html#base
更新:
不用上面那么麻烦,直接改成下面这样 就可以放在任意目录 ,就很灵活了.
assetsPublicPath: './',
Vue cli 3.0 改法:
项目根目录下新建vue.config.js,进行如下配置即可:
module.exports={
publicPath:'',
};
版权声明:
作者:东明兄
链接:https://blog.crazyming.com/note/439/
来源:CrazyMing
文章版权归作者所有,未经允许请勿转载。
共有 0 条评论