使用nginx在linux上部署前端项目(dist文件)

1.安装Xshell及Xftp (安装Xshell和Xftp教学链接 :/mp_blog/creation/editor/126516582)

2.使用Xftp将dist文件(前端打包后的文件)上传到服务器 /usr/local/nginx/html(nginx安装目录)下

3.启动nginx

    cd /usr/local/nginx/sbin
    ./nginx //启动nginx

4.测试80端口是否打开(如果是服务器,请先在服务器配置80端口开启)

firewall-cmd --query-port=80/tcp

5.若没有开启80端口则开启80端口

	firewall-cmd --add-port=80/tcp --permanent
	#重启防火墙
	systemctl restart firewalld
	(刷新你的公网ip页面,显示welcome to nginx则成功)

6.配置Nginx开机启动

vim /etc/rc.d/rc.local

7.在/usr/loacl/nginx/conf目录下找到nginx.conf配置文件

(执行命令ps -ef | grep nginx找到nginx.conf配置文件位置)

server {
        listen       8083;			配置端口地址
        server_name  localhost;			配置名称

        #charset koi8-r;

        #access_log  logs/host.access.log  main;
        location / {
            root  /daping/lhl/dist;		配置dist目录位置
            index  index.html index.htm;	配置dist目录下html名称
            try_files $uri $uri/ /index.html;	
        }
        location /api{
             rewrite  ^/api/(.*)$ /$1 break;
             proxy_pass http://localhost:9092;
        }
    }

8.重启nginx

	./nginx -s reload
(csdn:Linux+Nginx部署Vue项目(dist文件))

你可能感兴趣的:(服务器,nginx,linux)