国瑞前端
立即登录 马上注册
当前位置: Vue > Vue CLI使用history模式打包部署到nginx服务器上

1、在router中设置

1
2
  mode: "history",
  base: process.env.VUE_APP_SRC,

process.env.VUE_APP_SRC为线上环境的某个路径,一个域名对应多个vue.js工程必须要用

2、vue.config.js 设置publicPath

1
2
3
4
5
6
module.exports = {
// 默认'/',部署应用包时的基本 URL  history 本地使用默认值 '/'
//注:在本地一定要用 '/',否则二级路由刷新找不到js路径
//IS_PROD是判断是否为现上环境,可自行配置,process.env.VUE_APP_SRC为线上环境的某个路径。
  publicPath: IS_PROD ? process.env.VUE_APP_SRC : '/',
}

3、后台Nginx

1
2
3
4
5
6
7
location / {
  try_files $uri $uri/ /index.html;
}
location /xxx/ {
  index index.html index.htm;
  try_files $uri $uri/ /xxx/index.html break;
 }

本文参考链接:https://www.jianshu.com/p/037af4f2ca13

「梦想一旦被付诸行动,就会变得神圣,如果觉得我的文章对您有用,请帮助本站成长」

赞(0) 打赏

支付宝扫一扫打赏

微信扫一扫打赏

标签:

上一篇:

下一篇:

相关推荐

0 条评论关于"Vue CLI使用history模式打包部署到nginx服务器上"

最新评论

    暂无留言哦~~

博客简介

国瑞个人博客: https://www.huanggr.cn/,我们关注Web前端开发技术,web前端开发,移动前端开发,前端资讯,同时分享前端资源和工具等,期待你的参与,了解更多..

博主独立研发主题:

  • 微信小程序

    欢迎扫码关注微信小程序

    免费领取学习资料和视频

广告

广告

广告

精彩评论

广告

站点统计

  • 文章总数: 350 篇
  • 草稿数目: 98 篇
  • 分类数目: 34 个
  • 独立页面: 5 个
  • 评论总数: 123 条
  • 链接总数: 10 个
  • 标签总数: 118 个
  • 注册用户: 154 人
  • 访问总量: 8,950,780 次
  • 最近更新: 2022年6月26日