首页 > 其他 > 详细

跨域-接口代理

时间:2020-01-28 21:12:37      阅读:59      评论:0      收藏:0      [点我收藏+]

接口代理-通过修改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;
    })
  }
}

技术分享图片

 

跨域-接口代理

原文:https://www.cnblogs.com/qjb2404/p/12238885.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!