nginx中运行vue配置路径办法

nginx.conf文件如下：

 

user  root;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        /usr/local/nginx/nginx-1.14.0/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;
    client_max_body_size 50M;  # 限制上传文件大小配置

    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;

    upstream pro_gateway_server{
        server 192.168.1.100:19100;
    }

    server {
        listen       80;
        server_name  localhost;
        location /web {
            root /root/web/dist;
        }

        location / {

                proxy_pass http://pro_gateway_server;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}
 

注意：其中访问 http://192.168.1.100/web 一直报404，是不是很痛苦啊？

 

解决方案：

在vue的/root/web/dist下面再建一个web目录，然后将dist下的index.html和static移动该目录下，

完美解决！

 

有份教：

nginx 访问应用程序，目录名和路径要有对应关系，否则nginx找不到。

这是定位此类问题的一个重要思路。