【express】Express与React协同处理跨域问题与权限问题

1、处理跨域问题

通过cors插件处理跨域

npm install cors

在express框架里的app.js，引入cors

var cors = require('cors');
···
app.use(cors());
···

在react的store管理文件中

import { observable, action } from 'mobx';
import axios from 'axios';
import { objectID } from 'bson';

import api from '../util/api';

const APIBASE = 'http://[ip]:3001/';

class store {
    @action async index_post() {
        let params = {};
        const { data } = await api.post(APIBASE);
        console.log(data);
    }
}

export default new store();

在index.jsx文件中加载这个方法

import React, { Component } from 'react';
import { observer, inject } from 'mobx-react';

@inject("store")
@observer
class Index extends React.Component {
    componentDidMount() {
        this.props.store.index_post();
    }