nginx 部署 前后端分离项目

前端使用VUE,后端使用nodejs

前端代码打包,会在该文件夹下面生成一个dist的文件夹

npm run build

nginx 部署 前后端分离项目_第1张图片
nodejs 后端代码打包到服务器上然后用pm2 运行

然后去官网下载nginx,然后解压
进入/conf/nginx.conf

root :dist文件夹存放路径
index:访问dist文件夹的index.html或者index.htm
try_files :vue项目内部重定向,可以通过输入url直接跳转,不加就会出现404

前端vue nginx配置

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

后端nodejs nginx配置(跨域)
如果路由带/api/,则去访问192.168.10.233:7001

localhost /api/ {
        proxy_pass http://192.168.10.233:7001/;
         }

然后cmd命令输入: start nginx 这个项目就部署好了
关闭命令:nginx -s stop

你可能感兴趣的:(nginx 部署 前后端分离项目)