Nginx部署Vue项目相关问题

蜉蝣&一粟

已于 2022-01-20 16:00:08 修改

阅读量3.8k

点赞数 1

文章标签： vue.js nginx 前端

于 2022-01-20 15:58:15 首次发布

本文链接：https://blog.csdn.net/RJN0814/article/details/122601939

版权

本篇文章主要讲解如何使用nginx去发布前端Vue项目，以及在发布项目的过程中遇到的问题要如何解决。

一、安装Nginx

nginx下载地址：nginx官方下载地址

去到nginx目录下打开cmd，输入nginx - v，会出现版本号，这样我们的nginx就安装成功了。

二、使用

1、将项目打包成dist文件夹

2、打开nginx目录中的conf目录中的nginx.conf文件，进行编辑

3、修改nginx.conf文件中server配置中的内容如下：

    server {
        listen       8088; # 项目的端口
        server_name  localhost;

        location / {
            root   C:\Users\LEN\Desktop\dist; # 项目打包后的文件路径
            index  index.html index.htm;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

4、检查nginx配置<