Vue开发刷新页面Vue Whitelabel Error Page

这个问题，网上能够搜到很多解决方案，一般造成这种情况的原因是路由使用history模式，开发环境没有问题，待到项目打包上线，在生产上没有配置合适的Nginx配置，添加如下配置即可解决：location / {root ...index ...try_files $uri $uri/ /index.html; ---解决页面刷新404问题}　本文记录一个比较不容易发现的问题，在开发环境出现404时可

Cupid_Yan

2756人浏览 · 2021-10-19 11:15:02

Cupid_Yan · 2021-10-19 11:15:02 发布

这个问题，网上能够搜到很多解决方案，一般造成这种情况的原因是路由使用history模式，开发环境没有问题，待到项目打包上线，在生产上没有配置合适的Nginx配置，添加如下配置即可解决：

location / {
    root ...
    index ...
    try_files $uri $uri/ /index.html; ---解决页面刷新404问题
}

本文记录一个比较不容易发现的问题，在开发环境出现404时可能是vue-cli设置路径的publicPath与代理路径重复导致的

只要设定其他非敏感、非重复字段就可以了

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^