小编Shi*_*Dev的帖子

有没有办法解决Vite js中的CORS错误?

我尝试了开发人员针对同一问题提供的所有解决方案。我像这样更新了Vite.config.js文件 -

//vite.config.js

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': resolve(__dirname, 'src'),
    },
  },
  server: {
    proxy: {
    '/api': {
      target: 'http://localhost:3000/',
      changeOrigin: true,
      secure: false,
      rewrite: (path) => path.replace(/^\/api/, '')
    },
    cors:false
    },
  },
  define: {
    'process.env': {}
  }
})
Run Code Online (Sandbox Code Playgroud)

我在两个文件中添加了标头属性-

//Login.vue

 const header = {
              headers: {
                  'Authorization': 'Bearer ${accessToken}',
                  'Content-Type': 'application/json',
                  'Access-Control-Allow-Origin': '*',
                  'Access-Control-Allow-Headers': '*',
                  'Access-Control-Allow-Methods': POST, GET, OPTIONS,
                  'Access-Control-Allow-Credentials': true,
                  'Sec-Fetch-Mode': no-cors,
                  'Sec-Fetch-Site': same-site
                  
              },
Run Code Online (Sandbox Code Playgroud)
//App.vue

const header = {
              headers: { …
Run Code Online (Sandbox Code Playgroud)

http-headers cors vue.js vite

13
推荐指数
1
解决办法
8万
查看次数

标签 统计

cors ×1

http-headers ×1

vite ×1

vue.js ×1