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

问答 / 1 / 5 / 创建于 2年前

1. 运行环境

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

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

2. 问题描述？

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

dist 为打包后的文件夹

问题：
如何部署项目，同一个域名，同一个端口：

访问 http://ceshi.test  为 vue 打包的项目
访问 http://ceshi.test/api 为 laravel 编写的接口

Shine-x

课程读者 792 声望

怀着虔诚的心态,研究技术

0 人点赞

你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程，JWT 概念及使用和 API 开发相关的进阶知识。

我们将带你从零开发一个项目并部署到线上，本课程教授 Web 开发中专业、实用的技能，如 Git 工作流、Laravel Mix 前端工作流等。

推荐文章：

更多推荐...

如何打造令后端面试官印象深刻的简历？ 14 / 10 |

博客

如何让DcatAdmin再放光芒,惠及百万PHPer 18 / 39 |

博客

手摸手带你使用 docker-compose 编排一个开发环境 19 / 15 |

博客

冯老师的困惑 —— PHP 挂了 21 / 4 |

博客

PHP使用yield 读取超大型目录、大目录的方法 16 / 14 |

博客

记一次 Laravel5 升级到 Laravel10 经过 + 使用 octane 进行容器化 10 / 29 |

dbkuaizi

20 声望

最佳答案

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

2年前评论

讨论数量: 5

Imuyu

课程读者 869 声望

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

2年前评论

Shine-x （楼主）

这样不就是两个 nginx 一个解析 dist vue的项目，一个解析 laravel 接口的项目，肯定要不同端口的

Imuyu （作者）

@Shine-x 同一端口同一域名也可以设置单独解析api路径，可以满足你的需求，给你关键字你百度去吧

dbkuaizi

20 声望

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

2年前评论

陈先生

课程读者 650 声望 / PHP_EOL @ NaN

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

2年前评论

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

帮助

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

1. 运行环境

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

2. 问题描述？

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

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

1. 运行环境

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

2. 问题描述？

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录