ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

本地开发环境:几行代码解决前端跨域问题

2021-06-10 16:30:36  阅读:143  来源: 互联网

标签:const 跨域 require 几行 proxy app 前端 3000


const Koa = require('koa');
const staticPath = require('koa-static');
const path = require('path');
const proxy = require('koa2-proxy-middleware'); // 代理/跨域中间件
const app = new Koa();

const options = {
  targets: {
    '/api/(.*)': {
      target: 'http://www.wucl.com',
      changeOrigin: true,
    },
  }
}

app.use(proxy(options));
app.use(staticPath(path.join(__dirname)));

app.listen(3000, function(err) {
  if(err) {
    console.log(err)
  } else {
    console.log('项目运行在' + 3000 + '端口');
  }
});


/**
 * 启动项目,项目运行在 http://localhost:3000/ 
 * 通过 koa的中间件 ‘koa2-proxy-middleware’ 实现跨域
 * 可以请求 http://www.wucl.com/api/****  接口
 * */

 

偶然机会,面试了一个四年经验的前端开发。问他有没有用过nodejs

答曰:没用过,感觉nodejs对前端没什么用。

我又问,那你在开发工作中是怎么解决跨域问题的?

没有回答出来,曰:工作中没有遇到这个问题,都是能直接用

 

我适当地引导,或许后端/运维帮你配置了nginx / Access-Control-Allow-Origin为* ?

答曰:不清楚/不知道

你再想想开发中是不是你用了别的解决方案,比如webpack?如果是vue脚手架搭建的项目有个文件叫vue.config.js?

答曰:……

 

最终没有得到我想到的答案

nodejs对前端比较重要的一个作用就是在本地开发的时候实现跨域。

 

 

标签:const,跨域,require,几行,proxy,app,前端,3000
来源: https://blog.csdn.net/qq_30604453/article/details/117783792

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有