nginx Vue前端配置
1、打包文件使用 npm run build 命令,将项目打出来(dist目录)2、将 dist 目录上传至服务器3、修改 nginx.conf 配置nginx vue 配置upstserver {listen9090 default_server;//修改端口root/home/www/dist;//修改入口文件location/ {try_files $uri $uri/ /index.htm
·
1、打包文件
使用 npm run build
命令,将项目打出来(dist目录)
2、将 dist 目录上传至服务器
3、修改 nginx.conf 配置
nginx vue 配置
upst
server {
listen 9090 default_server; //修改端口
root /home/www/dist; //修改入口文件
location / {
try_files $uri $uri/ /index.html; //解决单页面刷新404问题
}
}
nginx 负载均衡
upstram demo { //负载均衡配置
server 127.0.0.1:8080 weight=3
server 127.0.0.1:8081 weight=1
}
server {
listen 80;
location / {
root html;
index index.html index.htm
proxy_pass http://demo //反向代理配置
}
}
参考视频:
nginx实战总结
前端Vue项目打包部署实战教程
更多推荐
已为社区贡献1条内容
所有评论(0)