vite+axios解决跨域问题

最新推荐文章于 2024-08-02 00:06:36 发布

if时光重来

最新推荐文章于 2024-08-02 00:06:36 发布

阅读量5k

点赞数 3

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/admin_web/article/details/121924527

版权

参考：https://www.cnblogs.com/hy999/p/vue-vite-proxy.html

1.配置vite.config.js，添加反向代理

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
  base: './',
  plugins: [
    vue()
  ],
  // // 反向代理配置 - 可解决跨域问题
  server:{
    proxy: { 
      '/api': {
       target: "http://localhost/test5_tp/public/index.php/",
       changeOrigin: true,
       rewrite: (path) => path.replace(/^\/api/, '')
      }
    }
  }
})

2.使用

import axios from "axios";
var data=axios(
    {
      url:"/api/tools/zimi",
      type:"get",
      data:{
        "question":"***"
      },
      contentType:"text",
      processData: false,
      dataType:"text"
    }
).then(function (response){
  console.log(response);})