【nginx】nginx配置vue项目（包含vue页面和接口）_nginx 1.20 配置vue nginx页面访问和接口调用的配置

内容

#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       8003;
        server_name  localhost;

        location ~* /test/{
			if ($request_method = 'OPTIONS') {
				add_header Access-Control-Allow-Origin *;
				add_header Access-Control-Allow-Methods *;
				add_header Access-Control-Allow-Credentials true;
				return 204;
			}
			add_header Access-Control-Allow-Origin * always;
			add_header Access-Control-Allow-Methods * always;
			add_header Access-Control-Allow-Credentials true;
            add_header Cache-Control "no-cache, no-store";
			root   html;
            index  index.html index.htm;
            try_files $uri $uri/ /test/index.html =404;
        }

		
		location /automate-test {
			proxy_pass http://192.168.11.45:8085/testapi/; # 应用服务器HTTP地址
			add_header 'Access-Control-Allow-Origin' '*' always;
			add_header Content-Type "text/plain;charset=utf-8";
            add_header 'Access-Control-Allow-Credentials' 'true';
            add_header 'Access-Control-Allow-Methods' 'GET, POST';
            add_header Cache-Control "no-cache, no-store";
		}
    }


}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68