nginx配置问题的匹配

Question

问题描述：场景：我在nginx部署我的vue项目，我在nginx里的配置如下，现在问题是，当我访问页面时，只能匹配到 /weixin/ 下面的方法，匹配不到例如/cmb/.. 下面的方法，但是这个vue项目只是这个项目的一部分，很多方法都是公用的，我不能把所有方法都挪到/weixin/.. 下面，所以只能再加一个location配置吗？把要访问的都加上吗？

Answer 1

您需要在Nginx的配置文件中添加一个新的location来匹配到您想要访问的路径。

例如，如果您希望匹配/cmb/下面的方法，您可以在配置文件中添加以下代码：

location /cmb {
    root /path/to/your/project; # 指定项目根目录
    try_files $uri $uri/ /index.html =404; # vue-router需要设置这个路由，将其指向index.html
}

这将会指定访问/cmb/下的所有请求都将被从您的项目根目录下找寻所需资源（比如html、js等），并返回至浏览器中呈现。

需要注意的是，您的Vue项目的路由应该使用history模式，并且需要让Nginx的location路由都指向Vue的HTML入口文件（通常为 index.html ），以保证路由功能能够正常工作。具体而言，需要在Nginx的配置文件中添加以下代码：

location / {
   root /path/to/your/dist/folder;
   index index.html;
   try_files $uri $uri/ /index.html;
}

同时，需要确保您的Vue项目编译后的生成文件已被放置在正确的目录下，并正确地指定 Nginx 的根目录。