项目上线后，前端与后端分别处于不同ip，前端每发一次请求，SessionID都会改变

原因：之前本地测试，ip相同，端口不同，所以我们配置了跨域，使得请求成功携带了sessionId。但现在直接是ip不同，就导致跨源了，跨源是不允许携带cookie的，所以你即使配置了跨域也是没作用的，cookie带不过去。

解决：居然跨源不允许携带cookie，那我们就想办法让他们同源，最简单的就是nginx的反向代理或者vue自带的代理：

在vue.config.js中配置：

module.exports = defineConfig({
  transpileDependencies: true,
  devServer: {
    port: 80,
    proxy: {
      "/api": {
        //匹配所有以/api开头的路径
        target: "http://192.168.1.104:8101", //代理目标的基础路径
        ws: true, //用于支持websocket
        changeOrigin: true, //请求来自于。即控制请求头中host数据。默认为true说谎:来自8080;false如实回答来自代理服务器8081
      },
    },
  },
  chainWebpack(config) {
    config.plugin("monaco").use(new MonacoWebpackPlugin());
  },
});

要注意的是，配置了代理后，你的请求必须发送到前端的启动的ip:prot上，比如我这前端启动的是localhsot:80，那么请求也应该发送到localhsot:80