美文网首页
vite跨域问题新手错误

vite跨域问题新手错误

作者: ioido | 来源:发表于2023-12-20 19:23 被阅读0次
// vue.config.ts
export default defineConfig({
  plugins: [
    vue(),
    vueJsx(),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
  server: {
    proxy: {
      '/api': {
        target: 'http://127.0.0.1',
        changeOrigin: true,
        rewrite: path => path.replace(/^\/api/, 'api')
      }
    },
  }
})

// 其他view文件中请求url这样写
function getData() {
  axios.get('/api/user/getAllUsers') // 或者 http://localhost:5173/api/user/getAllUsers 而不是 http://localhost:80/api/user/getAllUsers 想代理成的网址
      .then(res => {
        console.log(res)
      })
}

相关文章

  • Django基础:跨域问题(CORS错误)

    Django跨域问题(CORS错误) 一.出现跨域问题(cors错误)的原因 通常情况下,A网页访问B服务器资源时...

  • 前端跨域

    什么是ajax跨域 ajax跨域的原理 ajax出现请求跨域错误问题,主要原因就是因为浏览器的“同源策略”,可以参...

  • Springboot 跨域配置无效,接口访问报错解决方法

    跨域配置如下,Springboot 版本为 2.4.1 问题:跨域配置无效,访问接口报如下错误 分析:由于我是升级...

  • 深入跨域问题(3) - 利用 JSONP 解决跨域

    深入跨域问题(1) - 初识 CORS 跨域资源共享;深入跨域问题(2) - 利用 CORS 解决跨域深入跨域问题...

  • 配置webpack解决前端跨域

    本地请求服务器接口,报403错误,其实是跨域问题。在webpack中有很方便的方式解决跨域问题——webpack的...

  • 浅谈跨域问题

        对于前端开发的码农们,跨域问题一定不陌生,在我还是个新手时,就曾被跨域问题折磨的欲仙欲死。     之前项...

  • 跨域踩坑

    跨域问题 在当前域名下访问其它域名下资源时,会出现这个问题。跨域详细信息 错误: 解决方式 需要后端支持。如果你使...

  • 深入跨域问题(2) - 利用 CORS 解决跨域

    阅读目录: 深入跨域问题(1) - 初识 CORS 跨域资源共享;深入跨域问题(2) - 利用 CORS 解决跨域...

  • nginx中配置跨域

    前后端分离的项目中会碰到跨域的问题。在应用的日志中当出现403跨域错误的时候 No 'Access-Control...

  • 深入跨域问题(4) - 利用代解解决跨域

    阅读目录 深入跨域问题(1) - 初识 CORS 跨域资源共享;深入跨域问题(2) - 利用 CORS 解决跨域深...

网友评论

      本文标题:vite跨域问题新手错误

      本文链接:https://www.haomeiwen.com/subject/ehqxndtx.html