windows 下nginx运行vue文件出现403 forbidden的完美解决

首先修改nginx 目录下的conf文件

修改如下:

#user  nobody;
#这里是核心worker数，一般设置为与cpu核心数相同的数目，避免进程切换造成的上下文切换耗费资源，cpu信息可以从/proc/cpuinfo中查看
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 {
#use epoll model使用epoll模型，采用异步非阻塞模型加快处理速度

    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;
    #设定通过nginx上传文件的大小
    client_max_body_size 300m;

#使用sendfile函数在两个文件描述符之间直接传递数据(完全在内核中操作，传送)，从而避免了内核缓冲区数据和用户缓冲区数据之间的拷贝，操作效率很高，被称之为零拷贝。
    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    #连接活跃时间
    keepalive_timeout  65;


    server {
        listen       8010;
        server_name  localhost;
       

        location ~ .*\.(js|css|ico|png|jpg|eot|svg|ttf|woff|mp4) {

              #proxy_cache cache_one;
              proxy_cache_valid 200 304 302 5d;
              proxy_cache_valid any 5d;
              proxy_cache_key '$host:$server_port$request_uri';
              add_header X-Cache '$upstream_cache_status from $host';
             # 所有静态文件直接读取硬盘
              root D:\\nginx-1.13.8\\app;
              expires 30d; #缓存30天
          }
		  
		  
		  
		  location /{ 
             index  index.html index.htm;
              proxy_pass http://localhost:9901/tz/;

          }
		 
    }

}

注意:nginx下面有一个app文件夹,你将你要运行的静态文件(vue打包后解压后的文件)全部放入这个app文件夹下面,如果你放到了其它位置会出现403错误

静态文件就指向你的nginx下面的app文件下,如果没有app文件夹,创建一个即可!我的文件目录是:

,还有你必须要给你的服务接口(http://localhost:9901/tz/)加一个前缀,我这里前缀是tz.否则所有的接口服务都要一个个配置,非常麻烦!