从脚本标记中的另一个文件夹中加载文件
load a file from inside of another folder in script tag
我有一个名为DemoAPI的文件夹。
在DemoAPI-> app.html
In DemoAPI-> Client'public'core.js
我试图将core.js
包含在app.html
的脚本标签中。
:
<script type="text/javascript" src="Client/public/core.js"></script>
core.js looks like this:
angular.module('Todo', [])
.controller('mainController', function($scope, $http)
{
$scope.formData = {};
// get all and show them
$http.get('/musicians')
.success(function(data) {
$scope.todos = data;
console.log(data);
})
.error(function(data) {
console.log('Error: ' + data);
});
//get with an id
$scope.getOneTodo = function() {
$http.get('/musicians' + id)
.success(function(data) {
$scope.todos = data;
console.log(data);
})
.error(function(data) {
console.log('Error: ' + data);
});
};
// send the text to the node API
$scope.createTodo = function() {
$http.post('/musicians', $scope.formData)
.success(function(data) {
$scope.formData = {}; // clear the form
$scope.todos = data;
console.log(data);
})
.error(function(data) {
console.log('Error: ' + data);
});
};
// delete
$scope.deleteTodo = function(id) {
$http.delete('/musicians' + id)
.success(function(data) {
$scope.todos = data;
console.log(data);
})
.error(function(data) {
console.log('Error: ' + data);
});
};
/*
$scope.updateTodo = function(id) {
$http.delete('/musicians' + id)
.success(function(data) {
$scope.todos = data;
console.log(data);
})
.error(function(data) {
console.log('Error: ' + data);
});
};*/
});
但是我得到一个错误说:
XMLHttpRequest cannot load file:///C:/musicians. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
它试图从目录中获取/music,我指的是url。我该如何解决这个问题?
这是因为XMLHTTPRequest
假设您正在基于web的协议中工作。然而,看起来您的环境是根据基于操作系统的规则设置的。如果没有本地服务器,你将很难处理文件/JS。建议的方法是使用Python的SimpleHTTPServer
模块设置一个快速的本地服务器。
我通常是这样做的(在安装Python之后)通过CLI(命令行)导航到相关文件夹,输入python -m SimpleHTTPServer 8000
并导航到http://localhost:8000
。
相关文章:
- 我的外部js文件无法加载
- 无法在obj+mtl文件中加载纹理
- js文件未加载js控制台say's”;不允许加载本地资源”;
- 如何在dojo应用程序构建概要文件中加载json文件
- jQuery:用文件夹中的图像填充数组.或者使用AJAX从文件夹加载图像
- 如何从一个文件夹加载所有内容
- 如何从 SDK 插件数据文件夹加载 DLL
- Android WebView:使用脚本标签从我的资产文件夹加载外部 JavaScript 文件
- AngularJS从文件夹加载控制器
- 本地网页-从文件夹加载图像
- 从e文件夹加载图像并将其显示在html中
- 想要从每个“文件夹”上的文件夹加载新图像;下一个“;点击
- 如何使用javascript从文件夹加载图像
- 如何使用AngularJS和asp.net MVC 4从视图文件夹加载模板
- 从本地文件夹加载文件
- AMP-HTML页面如何从rails/app/assets/javascript文件夹加载javascript ?
- 如何从php中的不同src文件夹加载文件
- Fabricjs:从本地文件夹加载svg
- 无法从Laravel 5中的PUBLIC文件夹加载AngularJs文件
- 从不同的文件夹加载图像