将前端（vue）项目部署到nginx

将前端项目部署到nginx

0、必备的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

1、登录

通过账号、密码登录服务器

2、查看当前文件或目录的详细信息

使用指令ll罗列出当前文件或目录的详细信息。

3、进入首页

~ cd /home

4、新建文件夹并cd进去

~ mkdir 自定义文件夹名
~ cd 自定义文件夹名

5、上传前端dist包

在 /home/自定义文件夹名 下将dist压缩包扔进来

6、解压dist包

~ unzip dist

7、进入nginx目录

~ cd /usr/local/nginx

8、进入配置文件目录

~ cd conf/

9、修改配置文件

~ vim nginx.conf

配置访问路径和端口，参考配置如下：

 server {
        listen       8099;
        server_name  localhost;
        client_max_body_size 200m; 
 
		underscores_in_headers on;
		location / {
			alias home/刚刚自定义的文件夹名/dist/;
			index index.html;
			try_files $uri $uri/ /index.html;  
		}
  }

:wq 退出编辑
双击dd删除

10、cd进nginx

~ cd ../

11、cd sbin

~ cd sbin

12、启动nginx

~ ./nginx