项目需要部署到服务器之后由第三方进行了反向代理,所以我们必须适配第三方的url。由于第一次部署固定好路由格式的前端项目,途中遇到了比较多的问题。nginx配置(解决页面刷新失效问题)首先nginx.conf要配置正确,核心配置如下:server { listen 前端端口; server_name 服务器ip; #charset koi8-r; #access_log logs/host...
方案一 (这种方式容易被第三方劫持) location / { root/data/nginx/html; index index.html index.htm; error_page 404/index.html; } 方案二 location / { root/data/nginx/html; index index.html index.htm; if(!-e $request_filename) { rewrite ^/(.*)/index.html last; break; } } 方案三 ...
在NGINX的配置文件中添加以后代码: location / { root /usr/share/nginx/html; try_files $uri $uri/ @router; index index.html index.htm; }location @router { rewrite ^.*$ /index.html last; }
服务器ip可以是代理之后的urltry_files $uri $uri/ /index.html;可以让页面刷新后重新定向,加上就能解决刷新页面失效问题若依前后端分离部署时带后缀/prod-api,定向时需要加上后端访问url即在前端vue.config.js中,proxy里的[process.env.VUE_APP_BASE_API]中Target后填写的url 用户登录后出现404 问题描述 用户登...
项目需要部署到服务器之后由第三方进行了反向代理,所以我们必须适配第三方的url。由于第一次部署固定好路由格式的前端项目,途中遇到了比较多的问题。 nginx配置(解决页面刷新失效问题) 首先nginx.conf要配置正确,核心配置如下: server { listen 前端端口; server_name 服务器ip; #charset koi8-r; #access_log logs...
nginx+vue+thinkphp5.1部署,解决前端刷新404,以及前端404解决后,后台又404的问题 宝塔的话直接在网站的伪静态一栏中如下就行 location /admin { if (!-e $request_filename){ rewrite ^(.*)$ /index.php?s=$1 last; break; } } location / { try_files $uri $uri/ /index.php; }...
error_page 404 /index.html; } 方案二 1 2 3 4 5 6 7 8 location / { root /data/nginx/html; index index.html index.htm; if (!-e $request_filename) { rewrite ^/(.*) /index.html last; break; } } 方案三 (vue.js官方教程里提到的https://router.vuejs.org/zh-cn/essentials/hist...