• tony徐老师的防脱固发秘籍都被你找到了,快来这里关注我吧。 QQ群
  • tony徐老师的github宝典演示地址
  • github求starhttps://github.com/xuzhijvn
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏tony徐老师吧

Nginx:部署vue项目

nginx admin 1个月前 (12-22) 25次浏览 已收录 0个评论 扫描二维码

时常我们想通过path来区分项目,例如通过 http://xxxx/admin 访问我们的后台,如果vue是的modehistory,请注意如下配置:

1. 修改vue-config.js文件配置

module.exports = {publicPath: ""};

2. 修改路由route/index

const router = new Router({  
    base: '/admin/',  //路由模式为history模式时,base必须要加上;路由模式为hash模式时,base可加可不加  
    mode: 'history',
    routes: []
}

此时,请求是形如 http://xxxx/admin/xxx.css,从而避免出现形如http://xxxx/xxx.css找不到资源的情况。


万水千山总是情,请小编喝杯咖啡行不行?

写作不易,望支持!!!

XZJ(须知君) , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:Nginx:部署vue项目
喜欢 (1)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址