部署vue项目到线上nginx

部署vue项目到nginx
1.项目打包 打包完成以后就会在项目根目录生成一个dist的文件夹

npm run build

2.将打包以后的dist文件夹压缩为zip文件,然后ssh工具将dist.zip文件传输到服务器,传输成功以后将当前的dist.zip文件通过unzip dist.zip 解压 修改nginx.conf 文件
server {
     listen       80;
     server_name admin-aliy.wanm-mail.com;
     charset utf-8;
     location / {
	 root /usr/local/openresty/nginx/test/dist;#dist文件夹路劲
	 index /index.html;
	 try_files $uri $uri/ @router;
     } 
     location @router {
	rewrite ^.*$ /index.html last;
     }
}
注意:当出现Nginx 403 Forbidden的错误时,只需编辑nginx.conf 文件,在文件的第一行加入如下代码即可:
user  root;

.

重启nginx
./nginx -s reload
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值