nginx部署vue前端项目的dist包

16 篇文章 0 订阅

以nginx作为容器部署vue的前端项目

首先几条必备的linux命令:

1、进入nginx目录:cd /usr/local/nginx/

2、启动nginx:sh sbin/nginx

3、停止nginx:sbin/nginx -s stop

4、重启nginx:sbin/nginx -s reload

5、解压dist.zip: unzip dist.zip

6、删除dist文件夹以及其子文件夹 : rm -r dist

把dist达成zip包直接放在/usr/local/nginx目录下,直接解压即可

参考配置(/conf/nginx.conf)如下:

 server {
        listen       8099;
        server_name  localhost;
        client_max_body_size 200m; 

		underscores_in_headers on;
		location / {
			alias dist/;
			index index.html;
			try_files $uri $uri/ /index.html;  
		}
        
	    #location /api/v2/upgradeTask {
         #   proxy_pass http://172.16.205.55:8073;

        #}
    }

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值