使用 vue 构建后台,nignx 如何配置

1. 运行环境

1). 当前使用的 Laravel 版本?

  • laravel 版本 : 9.0
  • vue 使用技术: element-ui-admin

2. 问题描述?

  • 目录结构

使用 vue 构建后台,nignx 如何配置

dist 为打包后的文件夹

问题:
如何部署项目,同一个域名,同一个端口:

访问 http://ceshi.test  为 vue 打包的项目
访问 http://ceshi.test/api 为 laravel 编写的接口
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
最佳答案

用两个nginx站点,然后把域名的 /api/ 这一层的url 全部转发到 后端的那个站点上,这样就不存在跨域问题,还能共用一个 https 证书,最好是 后端站点 只允许 127 反向代理,不允许外部直接访问。

2年前 评论
讨论数量: 5

nginx针对api独立解析一个文件夹,或者把程序放进api文件夹

2年前 评论
Shine-x (楼主) 2年前
Imuyu (作者) 2年前

用两个nginx站点,然后把域名的 /api/ 这一层的url 全部转发到 后端的那个站点上,这样就不存在跨域问题,还能共用一个 https 证书,最好是 后端站点 只允许 127 反向代理,不允许外部直接访问。

2年前 评论

都打包了,直接转成spa 就好了。

2年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!