1. 程式人生 > >Vue axios 本地請求跨域訪問的問題

Vue axios 本地請求跨域訪問的問題

首先在專案中安裝http-proxy-middleware中介軟體作為代理

npm i http-proxy-middleware -D

在config/index.js中配置代理proxyTable

module.exports = {
  dev: {
    proxyTable: {
      '/proxy': {
        target: 'http://ip.taobao.com',   // 需要請求的地址
        changeOrigin: true,  // 是否跨域
        pathRewrite: {
          '^/proxy'
: '/' // 替換target中的請求地址,也就是說,在請求的時候,url用'/proxy'代替'http://ip.taobao.com' } } } }

使用示例

    apiGet() {
      axios
        // 這裡用'/proxy'代替了baseUrl 
        .get("/proxy/service/getIpInfo.php", {
          params: {
            ip: ""
          }
        })
        .then(result => {
          console
.log(result); }) .catch(err => {}); }