无情编码机器

vue 3.0 +axios 跨域情况下无法携带cookie？

vue 3.0 +axios 跨域情况下无法携带cookie cooKie 是本地写入缓存的 axios已设置withCredentials=true； const $axios = axios.create({ baseURL: url, withCredentials: true, crossDomain: true }) // 发起跨域请求 $axios.get('/picture/upload', { headers: { 'Content-Type': 'application/json' } }).then(response => { console.log(response.data) }).catch(error => { console.error(error) }) 后端也加了 access-control-allow-credentials: true access-control-allow-origin: http://localhost:8080 发起请求时 查看请求头还是无法携带cookie

博学的学渣

Vue项目devServer proxy配置不生效的排查方法？

关于跨域配置的问题 如图，我需要调用以下请求访问资源 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240915/31f250e40287423f9a5eb6890a069566.png) vue.config.js的配置如下（主要是proxy的配置 const path = require('path') module.exports = { lintOnSave:false, runtimeCompiler: true, css: { loaderOptions: { scss: { additionalData:`@import "~@/assets/scss/global.scss";` } } }, chainWebpack: (config) => { //svg不编译 config.module .rule('svg') .exclude.add(path.join(__dirname, 'src/assets/svg')) .end() config.module .rule('icons')// 定义一个名叫 icons 的规则 .test(/\.svg$/)// 设置 icons 的匹配正则 .include.add(path.join(__dirname,'src/assets/svg'))// 设置当前规则的作用目录，只在当前目录下才执行当前规则 .end() .use('svg-sprite')// 指定一个名叫 svg-sprite 的 loader 配置 .loader('svg-sprite-loader')// 该配置使用 svg-sprite-loader 作为处理 loader .options({// 该 svg-sprite-loader 的配置 symbolId:'icon-[name]' }) .end() }, devServer:{ client:{ overlay: false }, proxy:{ '/hie':{ target:'http://192.168.17.77:7003', changeOrigin: true, } } }, } 可能是哪里配错了，但我看不出问题，希望有人能指出 ps：之前看到有帖子说vue2该配置项名为proxyTable，还有devServer应为dev，这两个我都试过了，前者提示没有该配置项 options has an unknown property 'proxyTable'. These properties are valid: object { allowedHosts?, bonjour?, client?, compress?, devMiddleware?, headers?, historyApiFallback?, host?, hot?, http2?, https?, ipc?, liveReload?, magicHtml?, onAfterSetupMiddleware?, onBeforeSetupMiddleware?, onListening?, open?, port?, proxy?, server?, setupExitSignals?, setupMiddlewares?, static?, watchFiles?, webSocketServer? } ValidationError: Invalid options object. Dev Server has been initialized using an options object that does not match the API schema. 后者为vue.config.js的提示： Invalid options in vue.config.js: "dev" is not allowed

颜如玉你信不信

canvas使用跨域的图片时，image.crossOrigin = 'Anonymous'，Tainted canvases may not be exported？

canvas使用跨域的图片时，不加 image.crossOrigin = 'Anonymous'; 图片可以绘制，但是不能调用 toBlob(), toDataURL() 或 getImageData() 方法，调用它们会抛出安全错误。 Unable to get data URL. Failed to execute ‘toDataURL’ on ‘HTMLCanvasElement’: Tainted canvases may not be exported. *** 如果加上 image.crossOrigin = 'Anonymous'; 报错 Access to image at '"http://10.10.10.112/product/AVWT-154FESSA.png" (https://link.segmentfault.com/?enc=JeRA33nLTv1MVvDNgHrIZQ%3D%3D.8Oa6vULI1ZNQFa5cSe9uMHuUaBRZvAQb1p9KvyhU9CavWBz3w5jE5encrHHSaiDe)' from origin '"http://localhost:8080" (https://link.segmentfault.com/?enc=poxWpYYi2YCGtKvfD3BMVg%3D%3D.MrVRz8SHAuf02EeuWUgRPSjMwmeJZ7C15PN5zia%2BeKg%3D)' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. *** 问题的原因：是后端没有配置允许接受跨域