前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >宝塔部署ant-design-pro vue配置

宝塔部署ant-design-pro vue配置

作者头像
无敌小菜鸟
发布2023-01-12 16:32:58
8800
发布2023-01-12 16:32:58
举报
文章被收录于专栏:搬砖笔记搬砖笔记

一、在Vue框架中解决404

vue router mode 默认为hsas,这样的url中会带有#,如果改成mode:'history'就能去掉#号,也可以正常访问,但是再次率先你页面就会出现404

代码语言:javascript
复制
const router = new Router({
mode: 'history'
});

二、修改nginx配置文件

解决页面刷新404问题

代码语言:javascript
复制
location / {
    ……
    try_files $uri $uri/ /index.html;
}

三、解决刷新404问题

代码语言:javascript
复制
location / {
  if ( !-e $request_filename ) {
    rewrite ^/(.*) /index.html last;
    break;
  }
}

参考文档:

https://www.jb51.net/article/261803.htm

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、在Vue框架中解决404
  • 二、修改nginx配置文件
  • 三、解决刷新404问题
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档