How to implement cross-domain request data by webpack+vuex

after the scaffolding installed by vue+webpack, you want to request data for an address, but it is not successful. The operation is as follows:
modify the config/index.js file: 

 proxyTable: {
        "v1":{
            target:" https://www.easy-mock.com/mock/5b61584fd0774b3c9ec5034c/example1",
            changeOrigin:true,
            pathRewrite:{
                "^/aa":"/aa"
            }
        }
    },

and then quote it in action.js, 

export default{
      GET_IN_THEATERS:({dispatch,state,commit}) => {
      axios({url: "/aa"}).then(res => {
            console.log(res);
        })
    }
}

but the requested address is still http://localhost:8080/aa
. How can I set up the correct address to be requested?

Javascript
Aug.05,2021

proxyTable: {

    '/mock':{
        target:' https://www.easy-mock.com',
        changeOrigin:true,
        pathRewrite:{
            '^/mock':'/mock'
        }
    }
},
:
axios({url: '/mock/5b61584fd0774b3c9ec5034c/example1'}).then(res => {
  console.log(res)
})

Brother, where did you paste it, don't change it 

//
proxyTable: {
    '/mock':{
        target:' https://www.easy-mock.com',
        changeOrigin:true,
    }
},
//
export default{
      GET_IN_THEATERS:({dispatch,state,commit}) => {
      axios({url: 'http://localhost:8080/mock/5b61584fd0774b3c9ec5034c/example1'}).then(res => {
            console.log(res);
        })
    }
}

data has been obtained successfully. The main mistakes I made are as follows:
1, v1 should be changed to / aa, first of all, write the right path name, then add /
2, target path with multiple spaces
3, restart the service

clipboard.png

use nginx proxy after changing config/index.js. 5-minute tutorial: https://codeshelper.com/a/11.

Previous: The same files are placed in different project directories on the same server.

Next: How does Autodesk Forge viewer get the current model

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
© 2021 CodesHelper
Advertising Contact us About us
Menu