egg學習——egg-cors 跨域

時間 2019-12-10

標籤 egg 學習 cors 简体版

原文原文鏈接

通常開發都會遇到跨域問題，項目用腳手架搭建好以後先進行跨域html

egg跨域插件: egg-corsios

執行安裝

npm i egg-cors --save

配置

1.目錄config/config.default.jsgit

module.exports = {
    /***** 跨域 *****/
    cors:{
        enable: true,
        package: 'egg-cors',
    },

};

2.目錄 config/config.default.jsgithub

module.exports = appInfo => {

/******** 容許跨域訪問,關閉csrf認證 /config.default.js ********/
    config.security = {
        csrf:{
            enable:false
        }
    };
    config.cors ={
        origin:'*',
        allowMethods:'GET,HEAD,PUT,OPTIONS,POST,DELETE,PATCH'
    };

};

配置好以後運行項目， npm run devnpm

簡單新建一個html測試接口，使用axios進行數據請求axios

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>egg_test</title>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>


</body>
<script>
    axios.get('http://127.0.0.1:7001',{ /* http://127.0.0.1:7001/list */
        header:{
            'Access-Control-Allow-Origin':'*'
        }
    })
        .then(function (response) {
            console.log(response);
        })
        .catch(function (error) {
            console.log(error);
        });
</script>
</html>

能夠看到控制檯會輸出跨域

大功告成 _app

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。