ngnix和vue路由配置的区别

        

配置 Nginx

• Nginx 的主要配置文件位于 /etc/nginx/nginx.conf。你可以使用任何文本编辑器打开该文件进行配置。
• 根据你的需求修改配置文件。以下是一些常用的配置选项：
  • 修改监听端口：默认情况下，Nginx 监听端口 80。你可以在 http 部分修改 listen 指令来更改监听端口。
  • 配置虚拟主机：在 http 部分，可以配置多个 server 块来实现虚拟主机的设置。每个 server 块可以有自己的域名、虚拟主机配置等。
  • 配置代理服务器：如果你需要将请求代理到后端服务器，可以使用 proxy_pass 指令将请求转发到指定的后端服务器。

ngnix配置的效果 

如果你的当前访问的地址为 http://127.0.0.1:8088/login/sign 

你给ngnix的配置为 login   http://127.0.0.1:8080/login 

那么ngnix就会把这个地址拼接成 http://127.0.01.:8080/login/sign

也就是说 他会自动识别到带有login的地址，并且把login的后面的地址拼接到http://127.0.0.1:8080/login的后面

 vue的路由配置 

  "/order": {
          target: "http://127.0.0.1:8888/order",
          ws: true,
          /** 是否允许跨域 */
          changeOrigin: true,
          rewrite: (path) => path.replace("/order", "")
        }

例如上面的配置  它是识别到请求中的order 然后将order后面的数据 包括order本身拼接到请求中

比如我请求的url为 localhost:8080/order/sign 他会被拼接成  http://127.0.0.1:8888/order/order/sign

因此 需要加上下面这句代码，将请求中的 order替换为 null

rewrite: (path) => path.replace("/order", "")