How to configure multiple cross-domain target links in vue

  1. Business requirements. After logging in through the first target authentication, enter the secret key through the page to authenticate successfully, return the new domain name to the second target, and then use the second target to access api
    2. .
  2. Code:

vue.config.js 

  devServer: {
    publicPath: baseUrl, //  baseUrl 
    proxy: {
      "/api": {
        target: "https://center.hnlianzhu.com",
        ws: true,
        changeOrigin: true,
        pathRewrite: { 
          "^/api": ""
        }
      },
      "/auth": {
        target: "https://www.baidu.com",
        ws: true,
        changeOrigin: true,
      }
    }
  },

page.vue (set target value under"/ auth") 

 key.devServer.proxy["/auth"].target = this.code;

3. The problem now is that devServer does not support dynamic modification and the assignment is not successful. Because you want to return the corresponding domain name according to the secret key, you can"t write in it, how to deal with it.

Vue.js javascript
Mar.30,2022

change the dev-server part of it yourself. 

// proxy api requests
Object.keys(proxyTable).forEach(function (context) {
  var options = proxyTable[context]
  if (typeof options === 'string') {
    options = { target: options }
  }
  app.use(proxyMiddleware(context, options))
})

for example, change the request to / auth/xxx?proxyto=www after getting the proxy address, and then add a middleware to proxy www

when proxyto=www is captured.

Previous: How css flexible layout is compatible with ie browsers

Next: Idea always prints the reconnection log of redis, how to turn it off?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e4bb02-44e6f.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e4bb02-44e6f.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?