从脚本标记中的另一个文件夹中加载文件

load a file from inside of another folder in script tag

本文关键字:文件夹 加载 文件 另一个 脚本      更新时间:2023-09-26

我有一个名为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