nginx本地打开vue打包项目

1，首先下载nginx包，然后修改下载的包中的nginx.conf配置文件

其中location后面接的是要增加的域名字段(perbank8)，配置项 index index.html 代表入口文件是index.html

这个在vue项目中也要在nginx配置文件中也要配置同样的路径

在vue项目里进行配置

?location /api/ {
? ? ? ? proxy_pass ?http://192.168.1.19:8087/;
? ? ? ? proxy_http_version 1.1; # http版本
? ? ? ? proxy_set_header Upgrade $http_upgrade; # 继承地址，这里的$http_upgrade为上面的? ? ? ? ? ? ? ? proxy_pass
? ? ? ? proxy_set_header Connection "upgrade";?
? ? ? ? proxy_set_header ?X-Real-IP $remote_addr; # 传递的ip
? ? ? ? proxy_connect_timeout 60;
? ? ? ? proxy_send_timeout ?60;
? ? ? ? proxy_read_timeout 3000;
? ? }

下图是下载的ngnix包中的conf配置文件

配置成功后，双击ngnix.exe 启动

然后输入localhost:8081即可打开打包的项目，也可以直接用域名输入