const express = require('express')
const app = express();
// 解決跨域問(wèn)題
app.use(function(req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header('Access-Control-Allow-Methods', 'PUT, GET, POST, DELETE, OPTIONS');
    res.header("Access-Control-Allow-Headers", "X-Requested-With");
    res.header('Access-Control-Allow-Headers', 'Content-Type');
    next();
})
// 調(diào)用接口直接返回一個(gè)數(shù)組
app.get('/getData', (req, res) => {
    res.send([
    	{
            id: 1,
            name: 'GAI'
        },
        {
            id: 2,
            name: 'keyNg'
        },
        {
            id: 3,
            name: '閃火'
        }
    ])
})

// api/index.js
import axios from 'axios'
export function getData() {
    return axios({
        url: 'api/getData',
        method: 'get'
    })
}

// home.vue
mounted() { 
   getData().then(res => {
     console.log(res);
   })
},

// .env.development
VUE_APP_TITLE = '溫情dev'
VUE_APP_ENV = 'dev'
VUE_APP_BASE_URL = 'http://localhost:3000'

// .env.production
VUE_APP_TITLE = '溫情pro'
VUE_APP_ENV = 'pro'
VUE_APP_BASE_URL = 'http://localhost:3000'

// api/index
// 這里只是簡(jiǎn)單解決一下問(wèn)題
// 重點(diǎn)就是把開(kāi)發(fā)環(huán)境和生產(chǎn)環(huán)境請(qǐng)求地址區(qū)分開(kāi)來(lái)就可以了, 根據(jù)實(shí)際情況自行改動(dòng)
import axios from 'axios'
let baseURL = '';
// process.env.VUE_APP_ENV拿到我們?cè)谇懊嬖O(shè)置的模式，
// 如果現(xiàn)在是開(kāi)發(fā)環(huán)境會(huì)使用`.env.development`里面設(shè)置的環(huán)境變量等于`dev`
// 如果現(xiàn)在是生產(chǎn)環(huán)境會(huì)使用`.env.production`里面設(shè)置的環(huán)境變量等于`pro`
if(process.env.VUE_APP_ENV === 'dev') {
? ? baseURL = '/api';
} else {
? ? baseURL = process.env.VUE_APP_BASE_URL
}
export function getData() {
? ? return axios({
? ? ? ? url: `${baseURL}/getData`,
? ? ? ? method: 'get'
? ? })
}