vue 前端部署步骤

进入项目目录

cd /workspace/Rouyi-Vue/rouyi-ui

本地启动可以修改 vue.config.js 中后端接口。

vim vue.config.js

打包 生产环境

npm run build:prod
mkdir /data/app/rouyi
mv dist/* /data/app/rouyi

将生成好的静态文件发布到nginx, index.html 为后台服务的入口页面
vim nginx/conf/nginx.conf

location / {
	root /data/app/rouyi
	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:8080/;
}