Vite生成的项目不太一样

在vite.config.js中设置 

  1. import { resolve } from "path";
  3. function pathResolve(dir) {
  4.   return resolve(__dirname, ".", dir);
  5. }
  7. module.exports = {
  8.   alias: {
  9.     "/@/": pathResolve("src"),
  10.   },
  11.   optimizeDeps: {
  12.     include: ["@ant-design/icons-vue"],
  13.   },
  14.   proxy: {
  15.     '/api': {
  16.       target: 'http://192.168.199.9:8000',
  17.       changeOrigin: true,
  18.       rewrite: path => path.replace(/^\/api/, "")
  19.     }
  20.   }
  21. };

主要是下面这段，

proxy: {
‘/api’: {
target: ‘http://192.168.199.9:8000‘,
changeOrigin: true,
rewrite: path => path.replace(/^\/api/, “”)
}
}

配置axios

  1. axios.defaults.baseURL = '/api'
  2. axios.defaults.withCredentials = true

使用axios

  1. setup(){
  2.     onMounted(() => {
  3.       axios
  4.         .get("/some_url")
  5.         .then((res) => {
  6.           console.log(res);
  7.         })
  8.         .catch((err) => {
  9.           console.log(err);
  10.         });
  11.     });
  12. }

请求 /api/some_url 被代理到：http://192.168.199.9:8000/some_url