Excuse me: how to access multiple server addresses in the vue-cli project? Using axios - Codes Helper - Programming Question Answer

Excuse me: how to access multiple server addresses in the vue-cli project? Using axios

1. In the company project, two servers are deployed, one for storing data (the other server A), is used to do something similar to an evaluation system (server B);). The problem now is how to configure axios to access the contents of the two servers. I also asked the bosses to give me some advice. I appreciate it very much.

it is configured in config/dev.env.js that BASE_API:""http://172.16.0.113:8000"", is the address of A server, and
is also configured axios.defaults.baseURL = process.env.BASE_API in axios . Can you dynamically change the url, of this request in some way?
and whether can use node as the intermediate price. Forward all front-end requests to the backend to achieve access between multiple servers through node?
Please do not hesitate to give me!
this is the interface

.

export const getEva = ()=>axios({
    method:"get",
    url:"/yunhe/assetevaluation",
})

this is the set proxyTable

proxyTable: {
        "/yunhe": {
            target: "http:172.11.0.11:8080",  // 
            changeOrigin: true,  //
            pathRewrite: {
                "^/yunhe": ""   //rewrite,
            }
        }
    },

was redirected to axios.baseurl when the request was made

.

Javascript vue.js axios

Mar.03,2021

just use proxy

Don't look at Google browser. After vue-cli has used the proxy, Google network still shows the address before there is no proxy, but in fact the address of the proxy has been requested.

Previous: Ionic3 creates project error read ECONNRESET

Next: Is there a npm package that can empty the folder?

How does the data requested by axios render to the page through data?
data(){ return{ abc:[] } } data request: created() { axios .get("http: goods") .then(response => { this.abc = (JSON.parse(response.data)); }) .catch(error => { console.log(...

Javascript vue.js axios front-end

Mar.02,2021
Element change problem
< el-dialog: title= "type== role ? set roles : set permissions ": visible.sync= "grantShow ": width= "dialogWidth " > < el-form: model= "user ": rules= "$rules.user " ref= "userForm " > < el-form-item: label= "$t ( pages.user.app ) "...

Javascript vue.js axios element

Mar.13,2021
How vue + axios handles consecutive requests.
< H2 > problem description < H2 > now there is a scenario: I need to send data requests for four channels, that is, after requesting channel 1, some data will be put into the variable map- > 1, and there is no data to empty the data to the variable ma...

Javascript vue.js axios promise

Dec.10,2021
Can I bind the request id using axios?
The page is a tree, that you can click to modify. If you want to support a node to modify, loading, can also modify other nodes in parallel at this time. If the previous node request fails, an error is returned and the loading of the corresponding node ...

Javascript vue.js axios

Jan.18,2022
Axios's cancelToken is not based on the abandoned cancelable promises proposal.
Why can axios still be used? answer ...

Fetch xmlhttprequest javascript vue.js axios

Jan.18,2022
What if cross-domain requested resources will be redirected by 302?
calls a third-party interface, and one of the interfaces will jump 302 twice. the previous cross-domain projects I developed with vue-cli have been configured with a webpack proxy table proxy but not this interface that will jump. What am I supposed t...

Javascript vue.js axios

May.19,2022

Menu