在编写的前端代码的文件夹下,用cmd命令运行npm run build后,会生成一个dist文件夹,如下图所示:
复制dist的整个文件路径后,找到Nginx安装位置下的conf文件夹,打开nginx.conf文件,
将server处改为:
server {
listen 70;//前端监听的端口号
server_name localhost;
将location处改为:
location / {
root D:\jar\dist;//dist所在路径
index index.html index.htm;
}
同时,location下方增加
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:8089/;//8089为后端端口号
}
更改完成后关闭Nginx服务然后重新启动即可。