mac 本地nginx运行 vue3 项目

一、 安装nginx 环境

1.安装 brew （复制下面代码）

   /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2.安装 nginx

brew install nginx

3.启动nginx

sudo nginx

访问localhost:8080 可以正常访问代表启动成功

3.关闭nginx

sudo nginx -s stop

4.重启nginx

sudo nginx -s reload

二、将vue项目文件放在nginx服务器中

1.修改路由配置文件

下图箭头代表配置路由全局基础路由

2.配置vite.config.js 

3.打包项目

npm run build

4.将打包好的文件放在/usr/local/Cellar/nginx/1.15.8/html/下面 

我们平时打包完文件夹通常时候dist，这里要把dist修改成web文件夹，与图中同步。

5.nginx 文件配置

nginx.conf 配置文件位置  /usr/local/etc/nginx；

location /web {
            root html;
        try_files $uri $uri /web /web/index.html;
            index index.html index.htm;
        }

 6. 重启nginx

sudo nginx -s reload

7. 访问 localhost:8080/web  

可以访问代表成功了！