// 引入 express 框架
const express = require("express")
// 創(chuàng)建網(wǎng)站服務(wù)器
const app = express()
app.get("/list", (req, res) => {
  // 向客戶端直接響應(yīng)一個(gè)對(duì)象
  res.send({ name: "張三", age: 333 })
})
app.get("/aa/api/list", (req, res) => {
  // 向客戶端直接響應(yīng)一個(gè)對(duì)象
  res.send({ name: "李四", age: 666 })
})
app.get("/aa/list", (req, res) => {
  // 向客戶端直接響應(yīng)一個(gè)對(duì)象
  res.send({ name: "王五", age: 888 })
})
// 監(jiān)聽(tīng)端口
app.listen(3000)
console.log("網(wǎng)站服務(wù)器啟動(dòng)成功")

const path = require("path")
module.exports = {
  devServer: {
    // open: true, //打開(kāi)瀏覽器
    overlay: {
      //當(dāng)出現(xiàn)編譯錯(cuò)誤或警告時(shí)，在瀏覽器中顯示全屏覆蓋。
      warnings: false, //不顯示警告
      errors: true, //顯示錯(cuò)誤
    },
    proxy: {
      //下面的key是一個(gè)正則表達(dá)式它的/api前加上^和不加^符號(hào)差別非常大
      "/api": {
        target: "http://localhost:3000",
        pathRewrite: {
          //下面的key是一個(gè)正則表達(dá)式它的/api前加上^和不加^符號(hào)差別非常大
          "^/api": "",
        },
      },
    },
  },
  runtimeCompiler: true,
  lintOnSave: false,
  configureWebpack: {
    resolve: {
      alias: {
        "@": path.resolve(__dirname, "src"),
      },
    },
  },
}

<template>
  <div>
    <!-- 測(cè)試跨域，這個(gè)測(cè)試的非常好 -->
    <el-button @click="send1" type="success">點(diǎn)我發(fā)送請(qǐng)求1</el-button>
    <el-button @click="send2" type="success">點(diǎn)我發(fā)送請(qǐng)求2</el-button>
  </div>
</template>
<script>
import { axiosImpl } from "@/utils/request"
export default {
  methods: {
    async send1() {
      let res = await axiosImpl.get("/aa/api/list")
      console.log(res)
    },
    async send2() {
      let res = await axiosImpl.get("/api/list")
      console.log(res)
    },
  },
}
</script>
<style></style>