js调用文件服务器出现跨域,js 读取本地文件遇到ajax跨域问题

环境：win10

语言：js

对象：easyUI SKD demo

级别：小小白级

本篇博文记录博主从js小小白的进化历程，下述问题对老鸟来说再简单不过，但是作为新手一定会经历这样的阶段，所以还是分享出来，希望能为以后同样是小小白的猿一些参考。老鸟看看笑笑就行，轻喷轻喷...

听说esayUI很适合新手UI布局，下载了SDK之后尝试本地查看SDK下的demo，在查看tree控件的时遇到如下报错：

jquery.min.js:5 XMLHttpRequest cannot load file:///F:/Clis/%E5%AD%A6%E4%B9%A0/js/EsayUI/jquery-easyui-1.5.3/demo/tree/tree_data1.json. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

报错图：

简单一看，又涉及到跨域问题，本着菜鸟多虚心求教的原则网上搜了一下，基本都是让在浏览器属性后加 --allow-file-access-from-files 的方法，然而这种方法在我这里并不能起作用，依然同样报错。

网上解决建议如下图：

于是自己尝试解决，不就是不能读取本地文件嘛，那我把它丢上服务器去，于是该SDK怒丢上wwwroot下，然后在IIS里浏览，问题解决。

IIS管理器里如下浏览：

问题解决，附上前后对比图：

Before：

After:

js调用文件服务器出现跨域,js 读取本地文件遇到ajax跨域问题相关推荐

js读写php文件,在js中如何读取本地文件
下面我就为大家分享一篇js读取本地文件的实例,具有很好的参考价值,希望对大家有所帮助. 如何用在浏览器端预览本地文件? 今天的主题是使用浏览器预览本地文件. 由于浏览器安全策略的限制,javascri ...
JS学习--用JS读取本地文件
<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255) ...
cordova js(javascript)读取本地文件（将本地的bin文件转成字节数组）
此问题已经解决,解决方法参考我的博客: cordova本地存储(存取): 读取项目里的本地文件文章目录 1.下面两个比较有用: 2.下面两篇博客证明不用input标签的情况下,无法获取本地文件(包括 ...
html js引用本地资源,了解使用JavaScript读取本地文件的方法
本篇文章给大家介绍一下使用JavaScript读取本地文件的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 出于安全和隐私的原因,web应用程序不能直接访问用户设备上的文件.如 ...
js读取本地文件和写入本地文件
读取本地文件: <!doctype html> <html lang="en"> <head><meta charset="UT ...
ie浏览器读取本地文件并上传
接到个需求,需要js自己去取本地的文件并上传,要求不使用input标签实现思路,先使用了ie的ActiveXObject方法,这里先需要把ie浏览器的安全设置都设为最低,再把项目地址拉到信任地址里. ...
Electron教程（五）读取本地文件内容， icpMain icpRenderer 之间的交互
Electron教程(五)读取本地文件内容, ipcMain ipcRenderer 之间的交互 Electron教程(一)什么是 Electron,由来.适用场景和 Electron 的环境搭建 ...
保存页面文本到本地文件读取本地文件内容到页面
问题描述:假设网页有个文本框之类的东西,想通过点击某一按钮后,将用户在文本框中输入的内容直接保存在本地某个文件中.同理,也想通过页面直接读取本地文件中的内容. 问题分析:因为整个处理过程不涉及到后台的 ...
jq ajax 读取本地文件,jquery读取本地文件
$(document).ready(function(){ $("#b01").click(function(){ htmlobj=$.ajax({url:"/jquer ...

js调用文件服务器出现跨域,js 读取本地文件遇到ajax跨域问题

js调用文件服务器出现跨域,js 读取本地文件遇到ajax跨域问题相关推荐

最新文章

热门文章