使用 express 來提供模擬後端接口

1. 在 src 目錄下，新建 server 目錄，新建 server.js 文件。

因爲 Vue CLI 3初始化的項目，默認安裝了 express， 因此能夠直接寫。

server.js:

let express = require('express');

let app = express();
let bodyParser = require('body-parser');

app.use((req, res, next) => {
    res.header("Access-Control-Allow-Origin", "http://localhost:8080");
    res.header("Access-Control-Allow-Methods", "GET, HEAD, OPTIONS, POST, PUT");
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept, Authorization");
    if (req.method.toLowerCase() === 'options') {
        return res.end();
    }
    next();
})
app.use(bodyParser.json());
app.get('/code', (req, res) => {
    res.json({code: '4567'});
})
app.listen(3000);
複製代碼

2. 使用 nodemon 來啓動 server.js

全局安裝 nodemon :

項目安裝 nodemon :

若是出現 nodemon 不是內部指令。

參考

1. 經過一個案例理解 JWT