前后端部署_小记

原创已于 2022-02-20 02:49:34 修改 · 654 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#nginx #vue.js #前端

于 2021-06-21 14:04:24 首次发布

笔记专栏收录该内容

21 篇文章

订阅专栏

前端部署

使用serve运行vue打包生成的dist项目

首先执行 npm install serve 安装 serve
执行该命令：

> serve dist
UPDATE AVAILABLE The latest version of `serve` is 12.0.0

   ┌──────────────────────────────────────────────────┐
   │                                                  │
   │   Serving!                                       │
   │                                                  │
   │   - Local:            http://localhost:5000      │
   │   - On Your Network:  http://10.110.90.74:5000   │
   │                                                  │
   │   Copied local address to clipboard!             │
   │                                                  │
   └──────────────────────────────────────────────────┘

后端部署

用nginx将域名反向代理到某个端口

在nginx配置文件上：

location /{
    proxy_pass http://localhost:[你的端口];
}

location /{
   	proxy_set_header Host $http_host;
   	proxy_set_header X-Real-IP $remote_addr;
   	proxy_set_header REMOTE-HOST $remote_addr;
   	proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
   	proxy_pass http://localhost:7979/;
}