vue history 模式刷新404 问题

1. src和href的区别src：表示对资源的引用，它指向的内容会嵌入到当前标签所在的位置。当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执⾏完毕，所以⼀般js脚本会放在页面底部。href：表示超文本引用，它指向一些网络资源，建立和当前元素或本文档的链接关系。当浏览器识别到它他指向的⽂件时，就会并⾏下载资源，不会停⽌对当前⽂档的处理。常用在a、link等标签上

saturday-yh

4775人浏览 · 2022-03-25 11:03:03

saturday-yh · 2022-03-25 11:03:03 发布

vue.config.js配置

配置参考 | Vue CLI

publicPath: process.env.NODE_ENV === 'production' ? './' : '/'

针对nginx的配置

listen       8888;
    listen  [::]:80;
    server_name  localhost;

    #charset koi8-r;
    #access_log  /usr/local/nginx/logs/host.access.log  main;

    location / {
        root   html/webviewer; //  项目根路径
        try_files $uri $uri/ @router;#需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404
        index  index.html index.htm;
    }

        #对应上面的@router，主要原因是路由的路径资源并不是一个真实的路径，所以无法找到具体的文件
        #因此需要rewrite到index.html中，然后交给路由在处理请求资源
    location @router {
        rewrite ^.*$ /index.html last;
    }

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}$/, //不连续的两位字母// /^