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

Daming 2018-04-27
0条评论 997 次浏览
Daming 2018-04-270条评论 997 次浏览

默认情况下。我们打包的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:'',
};
0

发表评论

电子邮件地址不会被公开。