快速解决vue中js引入跨域问题

最新推荐文章于 2024-04-29 19:17:33 发布
最新推荐文章于 2024-04-29 19:17:33 发布
阅读量1.7k 收藏
点赞数
文章标签： vue.js javascript vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43704742/article/details/121323490
版权

Access to script at 'file:///.js’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.
index.html:12 GET file:///************************.js net::ERR_FAILED
上述通过Google翻译，大致意思是 访问脚本从原点’null’已被CORS策略阻止:跨域请求只支持协议方案:http，data，chrome, chrome-extension, chrome-untrusted, https
当运行是控制台出现上述问题时可以通过在vscode安装一个插件Live Server
下载好后 通过按
在这里插入图片描述
就可以正常运行了。

唯-学习
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue在index.html中引入静态文件不生效问题及解决方法
11-28
本文针对的是Vue小白，不喜勿喷，谢谢 出现该问题的标志如下 控制台warning（Resource interpreted as Stylesheet but transferred with MIME type text/html） 出现的原因及解决办法 第一种可能出现原因就是引入的静态文件在src文件夹内，这种的解决办法就是把资源引入静态资源的目录static 第二种可能出现的原因就是有单独的静态资源目录但是名字不叫static，这种的解决办法更改配置文件，把对应的几个配置文件内的static更改为你自己所创建的静态资源目录，由于网上大多教程所改的地方都不够完全，还是会出现该问题，
html文件引入本地js出现跨域
chaosama的博客
03-17 1868
简单来说其实就是浏览器加载js文件时使用了file协议，而浏览器只相信来自http或者https的，所以才会出现这种跨域问题 简单来说如果把该文件丢到一个微型web服务器里面就不会有这种问题，你可以node就有很简单的模型 当然，怕麻烦的可以直接下载webstorm，右键该html直接run也是OK的，默认等同一个微型web服务 ...
报错Access to script at ‘。。‘ from origin ‘null‘ been blocked by CORS policy: Cross origin requests 的解决
最新发布
weixin_72322475的博客
04-29 355
ES6的模块化开发中出现Access to script at '。。。' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https,chrome-untrusted.报错的解决方法
js的跨域问题及若干解决方案
weixin_44383261的博客
06-01 1193
跨域 跨域也叫非同源策略，简单理解就是从一个地址去请求另一地址的资源，我们知道，url地址包含协议、域名和端口号，两个地址中的这三者只要有一个不同，就属于跨域。 我们可以在自己的电脑上模拟跨域，比如，搭建一个前后端分离的项目，前端主页的请求地址是http://120.0.0.1:8000，后端的数据接口地址设置为http://120.0.0.1:8001。显然，两个地址的端口号不一致，由此产生跨域。 解决方案 1.利用JSONP解决 html中有些标签本身就可以实现跨域，它们不存在跨域请求限制。比如：scr
引用import的JS报错：Access to script at 'file:' from origin 'null' has been blocked by CORS policy（3种解决手段）
热门推荐
xiao廸要飞
05-12 4万+
直接引用带有import关键字的JS脚本会报错：Access to script at ‘file:’ from origin ‘null’ has been blocked by CORS policy index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic
vite创建的项目，打包后的文件本地预览报错 Access to script at ‘...‘ from origin ‘null‘ has been blocked by COR
小白成长记
08-29 3955
http-server -p 8090 // 8090为自己设置的端口号，不要跟之前打开的冲突即可。打包后的文件打开报错，原因是file文件不支持import，需要开启个服务。打开图中地址即可访问打包后的项目。进入打包后的文件夹，运行cmd。...
详解Vue 开发模式下跨域问题
08-30
JSONP 是一种解决跨域问题的方法，它使用 script 标签引入 JavaScript 文件，不受域名限制。然而，它只能用于 GET 请求，不支持 POST 请求。 解决跨域问题的步骤 1. 设置请求头部：在后端设置请求头部，添加 ...
vue引入axios同源跨域问题
10-17
总结，解决Vue+axios的同源跨域问题，可以通过Vue CLI的代理配置在开发环境中轻松实现，而在生产环境中，需要依赖后端服务器的支持，通过CORS机制来允许跨域请求。理解并掌握这些技术，可以让你在开发过程中更顺利地...
vue-socket.io跨域问题有效解决方法
10-15
在本文中，我们将详细讨论如何解决Vue-Socket.IO在跨域环境下的问题。 首先，让我们理解一下问题的背景。在开发环境中，Vue CLI提供了一个内置的热模块替换（HMR）服务器，该服务器默认不允许跨域请求。当你的Vue...
vue中axios解决跨域问题和拦截器的使用方法
01-19
第一种： 在main.js中引入axios，然后将其设置为vue原型链上的属性，这样在组件中就可以直接 this.axios使用了 import axios from 'axios'; Vue.prototype.axios=axios; components： this.axios({ url:a.xxx, ...
import/export实验-from origin ‘null‘ has been blocked by CORS policy:
xie__jin__cheng的博客
10-11 5075
1.问题 Access to script at 'file:///D:/java/tomcat8-ac/webapps/web1/imt.js' 访问'file:///D:/java/tomcat8-ac/webapps/web1/imt.js' from origin 'null' has been blocked by CORS policy: 从原点“null”已被CORS策略阻止: Cross origin requests are only supported for protoc.
vue3 vite打包后页面控制台报错Access to script at ‘file:///E:/vueProject/vue3-project/Vue3-big-event-admin/dist
WDY2018312901的博客
09-17 1431
vue3 vite打包后页面控制台报错Access to script at 'file:///E:/vueProject/vue3-project/Vue3-big-event-admin/dist
vue打包访问html报错
SongGuoQ的博客
05-29 2262
vue打包报错，访问html文件报错 具体什么原因暂不清楚，只是有了解决方案，如果有大佬了解请指教 报错提示: index.html:1 Access to script at 'file:///C:/js/chunk-vendors.e399ec81.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, da
（vue解决跨域问题）blocked by CORS policy: Cross origin requests are only supported for protocol schemes
weixin_47687315的博客
03-08 1940
*假设服务器端发送数据的地址是：http://localhost:5000/students *假设发送请求端的地址是：http://localhost:8080 1.配置代理服务器： 在根目录下创建vue.config.js，在vue.config.js中写入配置代理服务器的代码 module.exports = { //配置代理服务器 devServer: { proxy: 'http://localhost:5000' } } 配置代理服务器时，写入
使用es6模块化出现Access to script at 'file:///... ..from origin 'null' has been blocked。。。错误
北芒的博客
03-26 3万+
Access to script at ‘file:///C:/Users/admin/Desktop/test/te.js’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome,...
vue打包报错
weixin_48844523的博客
08-10 331
2、找到 src/router/index.js文件。1、找到vue.config.js文件，加入一条。将mode: 'history’去掉。
axios跨域问题解决方法（访问本地文件json数据时）
记录学习编程的日常
03-03 1490
错误信息如下： Access to XMLHttpRequest at 'file:///D:/vscode/axios/data.json' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https. 解决办法：
js from origin ‘null‘ has been blocked by CORS policy: Cross origin requests are only supported for
PrimaryColor
07-22 1497
解决方法：在本地搭建一个server，通过url地址访问测试文件。 链接： https://mp.csdn.net/mp_blog/creation/editor/114539434
html 引入vue 使用ajax出现跨域问题 具体解决
06-07
在使用 Vue.js 和 AJAX 发送请求时，如果出现跨域问题，可以采用以下两种方式进行解决： 1. 通过 CORS 在服务器端，需要在响应头中设置 `Access-Control-Allow-Origin` 字段，允许指定的来源可以访问服务器资源。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值