Nginx部署Vue项目

Bertha 。 2022-12-15 12:51 195阅读 0赞

> Nginx入门：[https://yuanyu.blog.csdn.net/article/details/91908913][https_yuanyu.blog.csdn.net_article_details_91908913]

--------------------

# 1 安装Nginx #

### 如果已安装先卸载
    yum remove nginx  
    ### 安装并启动Nginx
    yum install -y nginx && service nginx start

### 查看Nginx是否启动
    [root@ ~]# ps -ef | grep nginx
    root     20656     1  0 21:34 ?        00:00:00 nginx: master process /usr/sbin/nginx -c /etc/nginx/nginx.conf
    nginx    20658 20656  0 21:34 ?        00:00:00 nginx: worker process                   
    root     20661 20562  0 21:36 pts/0    00:00:00 grep nginx
    ### 查看配置文件位置
    [root@ ~]# find / -name nginx.conf
    /etc/nginx/nginx.conf

# 2 打包vue项目并上传至服务器 #

[root@ todolist]# pwd
    /opt/todolist
    [root@ todolist]# ll
    total 24
    drwxr-xr-x 2 root root 4096 Oct 17 00:08 css
    -rw-r--r-- 1 root root 4286 Oct 17 00:08 favicon.ico
    drwxr-xr-x 2 root root 4096 Oct 17 00:08 fonts
    -rw-r--r-- 1 root root 1168 Oct 17 00:08 index.html
    drwxr-xr-x 2 root root 4096 Oct 17 00:08 js

# 3 修改Nginx配置文件 #

server {
    	listen 8888;
    	server_name localhost;
    	location / {
    		root /opt/todolist/;
    		index index.html index.htm;
    	}
    }

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTcz_size_16_color_FFFFFF_t_70][]

[https://blog.csdn.net/zjq\_1314520/article/details/80031815][https_blog.csdn.net_zjq_1314520_article_details_80031815]

[https_yuanyu.blog.csdn.net_article_details_91908913]: https://yuanyu.blog.csdn.net/article/details/91908913
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTcz_size_16_color_FFFFFF_t_70]: /images/20221123/f2b5fef63d1a4d60a04fe4b42f036aac.png
[https_blog.csdn.net_zjq_1314520_article_details_80031815]: https://blog.csdn.net/zjq_1314520/article/details/80031815