express搭建后端請求路由，前端進行訪問對應的接口 后端解決跨域

代碼在 ==》E:\nodes實戰\myserve\testserve

1 express搭建后端請求路由，前端進行訪問對應的接口 1） 創建項目目錄 express 項目名 -e 然后按照提示就可以了 cd 項目名 2） 進入項目 下載依賴 cnpm i 在下載過程中出現 New minor version of npm available! 6.11.2 -> 6.13.1 Changelog: https://github.com/npm/cli/releases/tag/v6.13.1 
        Run npm install -g npm to update! （運行npm install-g npm進行更新！） 跟新就可以了 3） 在app.js 中 在（module.exports = app;前添加）就是在第40行 添加如下，監聽端口 app.listen(666, () => { console.log('后端服務器啟動成功，地址是: http://127.0.0.1:666') }) 4） 啟動項目 nodemon app 然后輸入 http://127.0.0.1:666 就會出現界面

 

介紹一下后端的項目目錄 bin public routes 路由接口 views app.js文件 package.json 包描述文件 復制一份routes下的users.js文件，用來做account的請求 然后命名為account.js文件如下 { var express = require('express'); var router = express.Router(); // 統一設置響應頭 解決跨域問題
    router.all("*", (req, res, next) => { // 設置響應頭 解決跨域(目前最主流的方式)
        res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "authorization"); next(); }); /* GET users listing. */ router.get('/', function(req, res, next) { res.send('解決了跨域哈'); }); module.exports = router; } 然后再app.js中去 給/test分配一個路由
vvar accountRouter = require('./routes/account');  //分配路由 在地10行
app.use('/account',accountRouter );      //使用路由 在第28行
 然后在頁面輸入http://127.0.0.1:666/account 
就會出現 解決了跨域哈 說明路由配置成功

 

前端
created() { axios .get("http://127.0.0.1:666/account") .then(res => { this.mesg = res.data; window.console.log(res.data);//解決了跨域哈
 }) .catch(err => { window.console.log(err); }); }