跨域-接口代理

接口代理-通过修改nginx服务器配置来实现

说明:前端修改,后台不动

没有nginux服务器,在vue-cli里通过nodejs服务器实现

创建vue.config.js

module.exports = {
    devServer: {
        host: 'localhost',
        port: 8080,
        proxy: {
            '/api': {
                target: 'https://www.imooc.com',
                changeOrigin: true,
                pathRewrite: {
                    '/api': ''
                }
            }
        }
    }
}

在App.vue

import jsonp from 'jsonp'

export default {
   data(){
    return {
      data: ''
    }
  },
  mounted(){
    let url = "/api/activity/servicetime";
    jsonp(url,(err,res)=>{
       let result = res;
       this.data = result;
    })
  }
}

跨域-接口代理

 

上一篇:网络


下一篇:【vue】学习笔记八:vue-resource 实现 get, post, jsonp请求