location /Gpage { root /usr/local/nginx/my-vue/dist; #index index.html; try_files $uri $uri/ @router; break; } location @router { rewrite ^.*$ /index.html last; } location ~^/api/ { rewrite ^/api(.*)$ $1 break; proxy_pass http://127.0.0.1:8888; proxy_read_timeout 360; }配置服务器通过/Gpage访问vue网页,如何修改
时间: 2023-08-13 10:06:45 浏览: 162
要修改服务器配置以通过/Gpage访问Vue网页,你可以按照以下步骤进行操作:
1. 在`location /Gpage`块中,将`root`指令的值更改为Vue网页的根目录。例如,如果Vue网页的根目录是`/var/www/html/my-vue/dist`,则修改为:
```
root /var/www/html/my-vue/dist;
```
2. 将注释符号(#)从`index`指令前面移除,以便启用该指令。确保该指令设置为指向Vue网页的入口文件。例如:
```
index index.html;
```
3. 在`location @router`块中,将重写规则修改为匹配Vue网页入口文件的路径。例如,如果Vue网页的入口文件为`/index.html`,则修改为:
```
rewrite ^.*$ /Gpage/index.html last;
```
4. 修改`location ~^/api/`块中的重写规则,以便正确代理API请求。例如,如果API的路径为`/api/`,则修改为:
```
rewrite ^/api/(.*)$ /$1 break;
```
最后,保存并重启你的Nginx服务器以使更改生效。这样,当访问服务器的/Gpage路径时,将会加载Vue网页。同时,API请求将被代理到指定的后端服务器。
阅读全文