1.下载nginx(只需要解压即可,但是特别注意:路径不能有中文名称)
2.找到config路径下的nginx.conf文件
(1)修改端口listen,该端口是访问时的端口
(2)修改项目路径(具体看项目名称以及真实路径)
如:windows: D:/front/dist
linux: /var/front/
(3)配置调用后台路径(proxy_pass),反向代理解决跨域访问问题。
如:proxy_pass http://localhost:9002/
worker_processes 1;
events {
worker_connections 1024;
}
http {
include mime.types;
default_type application/octet-stream;
sendfile on;
keepalive_timeout 65;
server {
listen 8083;
server_name localhost;
location / {
root D:/xiangmu/front/dist;
try_files $uri $uri/ /index.html;
index index.html index.htm;
}
location /prod-api/{
proxy_set_header Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header REMOTE-HOST $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_pass http://localhost:9002/;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
}
3.nginx.exe右键以管理员身份运行
4.每次打包测试之前先结束当前进程,然后重新启动ngnix.
也就是记录一下自己的经历,写的不好,欢迎大家评论指点
.