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

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对前端比较重要的一个作用就是在本地开发的时候实现跨域。

 

 

上一篇:蚂蚁同城爆店码好不好用,业务员报的价格很低,说是开发源头,


下一篇:华为*安全专家呕心沥血撰写出这份3000多页Linux学习笔记实战教程