前端页面跳转时发生无限循环是为什么？-灵析社区
木子弓长前端页面渲染前向其他页面跳转，发生无限循环的问题。 import Vue from 'vue' import App from './App.vue' //引入VueRouter import VueRouter from 'vue-router' import router from './router/index.js' import './assets/style/index.css' import './assets/style/public.css' import './assets/font/font_svcu02nytc/iconfont.css' import './assets/script/js.js' import './assets/script/jquery-3.4.1.min.js' import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; import $ from 'jquery' import store from "./store" import Antd from 'ant-design-vue' import 'ant-design-vue/dist/antd.css' Vue.config.productionTip = false //应用插件 Vue.use(VueRouter) Vue.use(ElementUI); Vue.use(Antd) // 获取当前页面的协议 const currentProtocol = window.location.protocol; // 如果是 HTTPS 协议，则执行跳转逻辑 if (currentProtocol === 'https:') { const temp_url = window.location.href.replace("https","http") alert("由于服务器暂未配置域名，点击确定后跳转到http协议网址下") window.location.href = temp_url } else{ // console.log('当前页面使用 HTTPS 协议'); const vm =new Vue({ render: h => h(App), router, store }).$mount('#app') } // const vm =new Vue({ // render: h => h(App), // router, // store // }).$mount('#app') 代码如上： 问题背景是这样：我自己的一个云服务器网站还没有域名，只实现了前端的ssl认证，但是没有实现后端的ssl认证，导致前端无法向后端发送https请求。于是我目前打算，当用户通过https协议登录前端网站的时候，自动跳转到http协议下的该网站，具体实现的代码如上面所写，但是部署到云服务器并测试的时候发现网页不断弹出alert框，且一直在当前页面循环。 经过几次尝试，还发现我即使将这段判断的代码放到单独的component下面的mounted方法里，也会出现无限循环，我在本地测试的时候好像没有问题，但是部署到服务器上就有问题了。可能的情况是什么？ nginx的配置如下： user root; #user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid logs/nginx.pid; events { worker_connections 1024; } http { include mime.types; default_type application/octet-stream; #log_format main '$remote_addr - $remote_user [$time_local] "$request" ' # '$status $body_bytes_sent "$http_referer" ' # '"$http_user_agent" "$http_x_forwarded_for"'; #access_log logs/access.log main; sendfile on; #tcp_nopush on; #keepalive_timeout 0; keepalive_timeout 65; #gzip on; server { listen 80; server_name xxx.xxx.xxx.xx; #charset koi8-r; #access_log logs/host.access.log main; root /www/dist; index index.html; #location / { # root /home/www/dist; # index index.html index.htm; #} #location / { # try_files $uri $uri/ /index.html; #新的 #} #error_page 404 /404.html; # redirect server error pages to the static page /50x.html # error_page 500 502 503 504 /50x.html; location = /50x.html { root html; } location / { try_files $uri $uri/ @router;#需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404 index index.html index.htm; } location @router { rewrite ^.*$ /index.html last; } # proxy the PHP scripts to Apache listening on 127.0.0.1:80 # #location ~ \.php$ { # proxy_pass http://127.0.0.1; #} # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000 # #location ~ \.php$ { # root html; # fastcgi_pass 127.0.0.1:9000; # fastcgi_index index.php; # fastcgi_param SCRIPT_FILENAME /scripts$fastcgi_script_name; # include fastcgi_params; #} # deny access to .htaccess files, if Apache's document root # concurs with nginx's one # #location ~ /\.ht { # deny all; #} } # another virtual host using mix of IP-, name-, and port-based configuration # #server { # listen 8000; # listen somename:8080; # server_name somename alias another.alias; # location / { # root html; # index index.html index.htm; # } #} # HTTPS server # server { listen 443 ssl; server_name xxx.xxx.xxx.xx; ssl_certificate /usr/local/nginx/conf/ssl/ipssl/zenon.crt; ssl_certificate_key /usr/local/nginx/conf/ssl/ipssl/zenon.key; # ssl_certificate cert.pem; # ssl_certificate_key cert.key; root /www/dist; index index.html; ssl_session_cache shared:SSL:1m; ssl_session_timeout 5m; ssl_ciphers HIGH:!aNULL:!MD5; ssl_prefer_server_ciphers on; location / { try_files $uri $uri/ @router;#需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404 index index.html index.htm; } location @router { rewrite ^.*$ /index.html last; } } }
疯狂的搬运工