嘟嘟社区

有知道vue nginx配置么,history 路由


我设置的我网站下面某一个文件夹,路径是我网站根目录下 /web/evaluationapp  这个文件夹

下面这个配置有问题么,配置半天,不是404就是500错误。求助
location /web/evaluationapp {
        # vue h5 history mode 时配置
        try_files $uri $uri/ /web/evaluationapp/index.html;
        }

本帖最后由 image 于 2022-3-18 23:55 编辑

location / {
    root   htmlwebevaluationapp; # 你的路径
    index  index.html index.htm;
    try_files $uri $uri/ @router;
  }

location @router {
    rewrite ^.*$ /index.html last;
  }

你把location后面换成/试下

image 发表于 2022-3-18 23:53
location / {
    root   htmlwebevaluationapp; # 你的路径
    index  index.html index.htm;

@darius
两位大佬,我是反向代理我的asp.net core 主程序,我把vue放在了我webevaluationapp下面,
我应该怎么改我这个?我直接写/路径,不太对吧。

server {
    listen       443 ssl;
    server_name  ####;
# 开启 ssl
    ssl on;
    # 指定 ssl 证书路径
    ssl_certificate /var/ZhengShu/###.crt;
    # 指定私钥文件路径
    ssl_certificate_key /var/ZhengShu/###.key;

   
    #charset koi8-r;
    #access_log  /var/log/nginx/host.access.log  main;

    location / {
        proxy_pass http://localhost:5000;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    #proxy_set_header Connection keep-alive;
    proxy_set_header Connection "upgrade";
    proxy_set_header Host $host;
    proxy_cache_bypass $http_upgrade;
    proxy_set_header   X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header   X-Real-IP        $remote_addr;
    proxy_set_header   X-Forwarded-Proto $scheme;
    proxy_buffering off;
    proxy_read_timeout 100s;
  #try_files $uri $uri/ /index.html;

    }
   

      error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }
}

image 发表于 2022-3-18 23:53
location / {
    root   htmlwebevaluationapp; # 你的路径
    index  index.html index.htm;

我在location / 设置了下面这个。然后网站就全都500错误了。
try_files $uri $uri/ /web/evaluationapp/index.html;

斌斌 发表于 2022-3-19 00:08
我在location / 设置了下面这个。然后网站就全都500错误了。
try_files $uri $uri/ /web/evaluationapp/i …

root   htmlwebevaluationapp; # 你的路径

路径对了么 我就随便假设写了个

root文件夹的 html文件夹下面 的webevaluationapp

你可能是 var/www/ 之类的

image 发表于 2022-3-19 00:09
root   htmlwebevaluationapp; # 你的路径

路径对了么 我就随便假设写了个

下面是我的配置,访问我的vue是404错误。
证书路径我删了,其实是有的。其他地方没问题了吧?/ 路径我设置的都是ok的,反响代理我的网站。
正常运行了半年肯定是没问题。

server {
    listen       443 ssl;
    server_name  api.###.com;
# 开启 ssl
    ssl on;
    # 指定 ssl 证书路径

    # 指定私钥文件路径

   
    #charset koi8-r;
    #access_log  /var/log/nginx/host.access.log  main;

    location / {
        proxy_pass http://localhost:5000;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    #proxy_set_header Connection keep-alive;
    proxy_set_header Connection "upgrade";
    proxy_set_header Host $host;
    proxy_cache_bypass $http_upgrade;
    proxy_set_header   X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header   X-Real-IP        $remote_addr;
    proxy_set_header   X-Forwarded-Proto $scheme;
    proxy_buffering off;
    proxy_read_timeout 100s;
    #try_files $uri $uri/ /web/evaluationapp/index.html;

    }
   
location /web/evaluationapp {
root   /var/www/InnoADLMedicalWeb/wwwroot/web/evaluationapp; # 你的路径
    index  index.html index.htm;
        # vue h5 history mode 时配置
        try_files $uri $uri/ /index.html;
        }

      error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }
}

斌斌 发表于 2022-3-19 00:22
下面是我的配置,访问我的vue是404错误。
证书路径我删了,其实是有的。其他地方没问题了吧?/ 路径我设 …

额 那就不太知道了 也没搞过反代

蹲一个别的大佬了。。。