我の闲暇时光

vue路由history模式刷新404问题解决方案

2022-06-07 14:37:24 - 2025-05-17 00:28:02

無慕 - 1.62K - 6.92分钟 - 2.19K

vue单页因微信分享和自动登陆须要，对于URL中存在’#’的地址，处理起来比较坑。

用history模式就不会存在这样的问题。可是换成history模式，就会有个新的问题，就是页面刷新后，页面就没法显示了（404）。

对于这个问题，只需要配置网站Nginx就可以了

server {
        listen       8888;#默认端口是80，若是端口没被占用能够不用修改
        server_name  localhost;
        root        E:/vue/my_project/dist;#vue项目的打包后的dist
        
        
        ##############修改配置文件，以上部分应该默认存在，下面两个location是重点#############
        location / {
            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 问题笔记前端

浏览器头部title切换

2021-04-27 09:30:44 - 2025-05-17 00:28:02

無慕 - 1.88K - 22秒 - 1.84K

自己查找函数写的菜鸟代码，不喜勿喷~

//浏览器检测切换
var back_tab_settimeout;
var leave_tab_setinterval;
var leave_arr = {
    0: '∑(っ°Д°;)っ卧槽,人不见了~',
    1: 'Σσ(・Д・；)我可什么都没做!!!',
    2: '(σﾟ∀ﾟ)σ..:*☆哎哟,干嘛去了',
    3: '(*╹▽╹*) 回来看看我好不好',
    4: '凸(｀0´)凸 鄙视中途离站',
    5: '(´థ౪థ)σ你竟然是这样的人',
    6: '(╥╯﹏╰╥)ง 不理我我走了',
    7: 'Σ(σ｀•ω•´)σ 起飞，再见！',
    8: '(((┏(;￣▽￣)┛ 装完逼就跑！',
};
var leave_arr_length = Object.keys(leave_arr).length;
if (document.hidden !== undefined) {
    document.addEventListener('visibilitychange', () => {
        var is_tab_windows = document.hidden;
        if (is_tab_windows) {
            clearTimeout(back_tab_settimeout);
            $('link[rel=icon]').attr('href', '/favicon2.ico');
            $('title').html("。。。。。。");
            var setInterval_num = 0;
            leave_tab_setinterval = setInterval(function () {
                if (leave_arr_length <= setInterval_num) {
                    setInterval_num = 0;
                }
                $('title').html(leave_arr[setInterval_num]);
                setInterval_num++;
            }, 5000);
        } else {
            clearInterval(leave_tab_setinterval);
            $('link[rel=icon]').attr('href', '/favicon3.ico');
            $('title').html('(((o(*ﾟ▽ﾟ*)o)))♡ 欢迎回来~');
            back_tab_settimeout = setTimeout(function () {
                $('link[rel=icon]').attr('href', '/favicon.ico');
                $('title').html("{:get_web_config_info('name')}");
            }, 5000)
        }

    })
}