vue部署服务器子目录的问题

chat

默认情况下。我们打包的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
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
海报
vue部署服务器子目录的问题
vue cli2 vue cli 3部署服务器子目录的问题
<<上一篇
下一篇>>
chat