首页 > 编程知识 正文

vue路由history模式404原因,vue的history刷新404怎么解决

时间:2023-05-03 16:39:04 阅读:198412 作者:1409

效果如下

修改

在router的index文件

export default new Router({ mode: 'history', scrollBehavior: () => ({ y: 0 }), routes: constantRoutes, base: process.env.BASE_URL//这里写你服务器挂载的地址}) # 用于路由的historyBASE_URL = '/ynu-middleground-web'

vue.config.js配置

// 部署生产环境和开发环境下的URL。 // 默认情况下,Vue CLI 会假设你的应用是被部署在一个域名的根路径上 // 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上,你就需要用这个选项指定这个子路径。例如,如果你的应用被部署在 https://www.ruoyi.vip/admin/,则设置 baseUrl 为 /admin/。 publicPath: process.env.NODE_ENV === "development" ? "/" : "/ynu-middleground-web",

nginx配置

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。