zoukankan      html  css  js  c++  java
  • vue 解决跨域 node服务搭建详细步骤

    当前项目同级别新建文件夹

    然后进入服务文件夹 npm init  然后一顿回车

    自己创建JS app.js

    npm install -s koa 安装koa2

    npm install koa-body -s  安装koa-body(接收post请求)

    启动服务  node app.js 

     源码:

    const Koa = require('koa');
    const app = new Koa();
    const axios = require('axios');
    const koaBody = require('koa-body');

    app.use(koaBody())

    app.use(async ctx => {
    console.log(ctx.request.body)
    axios({
    withCredentials: true,
    method: 'post',
    url: '',
    data: {
    phone:ctx.request.body.phone
    }
    })
    .then(function(response) {
    console.log(response)
    ctx.body = response
    })
    });

    app.listen(3000,function(){console.log('启动')});

     启动完成

    本地代码url填写服务端口号:127.0.0.1:3000    (端口号通过app.listen(3000)设置)

    解决跨域问题  安装 npm install -s koa-cors

    app.js文件添加 const koaCors = require('koa-cors')

    app.use(koaCors({
    credentials:true
    }))

    const Koa = require('koa');
    const app = new Koa();
    const axios = require('axios');
    const koaBody = require('koa-body');
    const koaCors = require('koa-cors')

    app.use(koaBody())
    app.use(koaCors({
    credentials:true
    }))

    app.use(async ctx => {
    if (ctx.path === '') {
    axios({
    withCredentials: true,
    method: 'post',
    url: '',
    data: {
    phone:ctx.request.body.phone
    }
    })
    .then(function(response) {
    ctx.body = response
    })

    } else {
    next();
    }
    });

    app.use(async ctx => {
    if (ctx.path === '') {
    axios({
    withCredentials: true,
    method: 'post',
    url: '',
    data: {
    phone:ctx.request.body.phone
    }
    })
    .then(function(response) {
    ctx.body = response
    })

    } else {
    next();
    }
    });

    app.listen(3000,function(){console.log('启动')});

     完成

    详细用到的

    const Koa = require('koa')//http服务 koa2
    const path = require('path')//路径模块
    const koaBody = require('koa-body')// 解析post 传文件
    const koaCors = require('koa-cors')//跨域
    const axios = require('axios')//网络请求
    const qs = require('qs')//格式化 转义 网址 get
    const static = require('koa-static')//静态资源托管服务 127.0.0.1/img.png
    const socks5http = require('socks5-http')//黑科技 有必要的需求走lts链接 可实现指定请求FQ

  • 相关阅读:
    聊一聊-JAVA 泛型中的通配符 T,E,K,V,?
    leetcode刷到的大牛思路记录
    leetcode树有关题目随笔
    SpringMVC Controller介绍及常见注解
    一个方法团灭 6 道股票问题
    IDEA中Update resources和Update classes and resources、Redeploy、Restart server的区别
    动态规划规律总结
    mapPartitions
    RDD的依赖关系
    foreachPartition来写数据库
  • 原文地址:https://www.cnblogs.com/PoisonousMushrooms/p/11991551.html
Copyright © 2011-2022 走看看