vue.config.js配置proxy解决iframe跨域
2024-04-22您可以使用vue.config.js文件进行配置proxy解决iframe的跨域问题。请按照以下步骤进行配置： 在项目根目录下创建一个vue.config.js文件。 在vue.config文件中添加以下内容： javascript hljs复制代码module.exports = { devServer: { proxy: { '/api': { target: 'http://localhost:3000', 替换为实际请求的地址 changeOrigin: true, pathRewrite
本地vue项目测试iframe嵌入本地页面，虽然ip相同但是端口不一样但是报错The Content Security Policy directive 'frame-ancestors' is ignored when delivered via a element vue.runtime.esm.js:619 [Vue warn]: Error in v-on handler: "SecurityError: Blocked a frame with origin "http://192.168.4
2024-04-19这个问题是因为浏览器的安全策略导致的跨域访问问题。解决方法是在被嵌入页面中添加如下meta标签： html hljs language-xml复制代码 这样就允许访问指定的IP和端口了。如果还有其他IP和端口需要访问，可以按照相同的格式添加到content中。这样就可以解决iframe跨域访问的问题。 复制AI内容
本地vue项目测试iframe嵌入本地页面，虽然ip相同但是端口不一样但是报错The Content Security Policy directive 'frame-ancestors' is ignored when delivered via a element vue.runtime.esm.js:619 [Vue warn]: Error in v-on handler: "SecurityError: Blocked a frame with origin "http://192.168.4
2024-04-19这个问题是因为浏览器的安全策略导致的跨域访问问题。解决方法是在被嵌入页面中添加如下meta标签： html hljs language-xml复制代码 这样就允许访问指定的IP和端口了。如果还有其他IP和端口需要访问，可以按照相同的格式添加到content中。这样就可以解决iframe跨域访问的问题。 复制AI内容