带codeigniter api的Angular 2无法工作
带codeigniter API的Angular 2无法工作可能是由于以下几个原因导致的：
- 版本兼容性问题：Angular 2和CodeIgniter的版本兼容性可能存在问题。请确保使用的Angular版本与CodeIgniter版本兼容。可以查阅Angular和CodeIgniter的官方文档或社区论坛来获取版本兼容性信息。
- 跨域资源共享（CORS）问题：由于安全原因，浏览器默认禁止跨域请求。如果你的Angular 2应用程序运行在不同的域名或端口上，而CodeIgniter API运行在另一个域名或端口上，你需要在CodeIgniter API的服务器端配置CORS允许跨域请求。可以通过在CodeIgniter的控制器中添加相应的头信息来实现，例如：
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: GET, POST, OPTIONS, PUT, DELETE");
header("Access-Control-Allow-Headers: Content-Type, Authorization, X-Requested-With");
这样可以允许来自任何域的请求访问API。
- API路由配置问题：确保在CodeIgniter的路由配置中正确定义了与Angular 2应用程序交互的API路由。可以在CodeIgniter的路由配置文件中添加相应的路由规则，以便正确映射到API的控制器和方法。
- API访问权限问题：如果你的CodeIgniter API需要身份验证或访问权限控制，确保在Angular 2应用程序中正确地处理身份验证和访问令牌。你可能需要在每个API请求中包含身份验证令牌或使用其他身份验证机制。
综上所述，如果带codeigniter API的Angular 2无法工作，你可以检查版本兼容性、CORS配置、API路由配置和API访问权限等方面的问题。如果问题仍然存在，建议查阅相关文档或社区论坛，或者向CodeIgniter和Angular的开发者社区寻求帮助。
相关·内容
1回答
允许对web api 2 web服务的CORS请求安全吗？
web-services、cors
我正在编写一个C# Web API2Web服务，它具有一些DbSet对象的CRUD操作。RequestHeaders.Authorization具有基本身份验证。
我希望用户能够从他们自己的javaScript代码访问网络服务。这包括Get、Post、Put和Delete方法。
我说CORS是必需的，对吗？还有，为什么我不应该将CORS与在授权RequestHeader中具有身份验证的Web API2 Web服务一起使用？
浏览 0提问于2016-02-11得票数 0
3回答
Angular客户端启用CORS
node.js、angular、express、cors
CORS在服务器上运行良好，并按预期工作。我尝试使用angular HTTPClient向服务器的REST API发送请求，但收到CORS错误。为什么在服务器上开启CORS是错误的？在客户机上不是应该没问题吗？
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:3000/api/blah/blah (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).
如何在
浏览 0提问于2018-08-02得票数 6
回答已采纳
2回答
多个允许主机的Django和CORS策略
javascript、django、django-rest-framework、cors
我有一个用NGINX和gunicorn运行在ubuntu服务器上的Django小项目。
但是，当用户访问www.example.com，时，一切都很好，但是，当用户访问example.com而不是www.example.com时，这就是它崩溃的地方。我使用了一些javascript和fetch命令，从我的API (Django REST)中获取数据，它返回：
Access to fetch at 'https://www.example.com/builds/apidata/4'
from origin 'https://example.com' has be
浏览 0提问于2019-07-13得票数 0
回答已采纳
3回答
我们能在traefik v2中为中间件设定优先级吗？
kubernetes、traefik、traefik-ingress
在kubernetes中使用v1.7.9，我面临的问题是：
如果设置了速率限制(traefik.ingress.kubernetes.io/rate-limit)和自定义响应头(traefik.ingress.kubernetes.io/custom-response-headers)，那么当请求受到速率限制时，将不会设置自定义标头。我想这是因为在这些插件中有一些排序/优先级。我完全同意，达到利率上限应尽快返回回应，但如果我们能在需要时修改优先次序，那就太好了。
因此，问题是：我们能为中间件设定优先级吗？
我找不到任何关于它的线索，和github问题。
具体用例：
我希望CORS-策略头总是被
浏览 2提问于2019-06-18得票数 1
回答已采纳
1回答
调用Walmart Open API时的CORS问题
walmart-api
我们正在使用Walmart Open API并获得CORS问题。例如，当尝试调用呈现项API时，我们将得到以下响应：(替换API密钥、发布者ID和域以保证安全性)
CORS策略阻止了从源'‘对'{api_key}&&publisherId={publisher_id}&format=json’处的XMLHttpRequest的访问:对印前检查请求的响应未通过访问控制检查:请求的资源上不存在' Access - control -Allow- origin‘标头。
如何将域名加入跨域白名单？请给我建议。
尝试从我们网站上的javascript代码调
浏览 0提问于2019-10-18得票数 2
1回答
如何在angular中发出JSONP POST请求？
javascript、angularjs
官方文档中描述的$http.jsonp方法似乎总是执行get请求：.$http#methods_jsonp。
我已经尝试将配置选项设置为'POST‘，但它仍然发送GET：
$http.jsonp('/api/new?callback=JSON_CALLBACK', {method: 'POST'});
我还尝试设置了一个data参数，希望angular可以切换到POST：
$http.jsonp('/api/new?callback=JSON_CALLBACK', {data: {stuff: true}});
但它仍然没有:)
至于写这
浏览 0提问于2014-01-25得票数 16
回答已采纳
1回答
在入口nginx中启用tls时，没有'Access-Control-Allow-Origin‘
ssl、django-rest-framework、kubernetes-ingress、nginx-ingress、django-cors-headers
我知道我的问题似乎已经有了很多答案，但请耐心等待。 我有一个运行在k8s集群上的Django应用程序，使用的是带有letsencrypt staging tls证书的nginx入口设置(生产证书也会出现这个问题)。 我不知道这是否重要，但应用程序使用Basic Authentication来授权用户，这是通过drf内置身份验证系统设置的。 我设置CORS的方法如下： ### ingress.yaml
apiVersion: networking.k8s.io/v1beta1
kind: Ingress
metadata:
name: app-routing
annotations:
浏览 30提问于2020-07-07得票数 1
1回答
c# asp .net核心HTTP POST请求适用于邮递员，但不适用于我的angular客户端(404错误)
c#、asp.net、angular、rest、http-status-code-404
我的c# asp .net核心Rest服务器有问题。我创建了一个带有测试路由的AuthenticationController，它似乎可以与邮递员一起工作，但当我试图在我的Angular 6应用程序中获得相同的结果时，我得到了一个404错误，即找不到路由，尽管它是完全相同的url。
我的Asp .net核心控制器：
[Authorize]
[ApiController]
[Route("api/[controller]")]
public class AuthenticationController : ControllerBase
{
private readonly
浏览 44提问于2018-10-18得票数 1
回答已采纳
1回答
Angular2 2/ NodeJS项目结构和CORS问题
node.js、angular、jakarta-ee、cors
到目前为止，我一直在使用Spring和jQuery开发JEE应用程序，这是我第一次开发NodeJS/ Angular2应用程序。在JEE应用程序中，客户端和服务器端组件都被编译成一个jar/ war文件。但是，在我的新开发环境中，我将客户端和服务器端开发为两个单独的项目(侦听不同的端口)，并从Angular2服务层调用后端url。我有跨源资源共享(CORS)问题。
我的问题是，这是否是一种常见的做法，将Angular和NodeJS开发成两个单独的应用程序，并通过在NodeJS中使用CORS模块来解决cors问题？
我在Node侧找到了如下解决方案：
var cors = require(
浏览 2提问于2017-07-01得票数 1
回答已采纳
2回答
三个JS污染的画布和CORS
canvas、three.js、http-headers、cors
我正在尝试渲染一个具有从不同域获得的背景图像的THREE.js场景。
我得到了一个，因为图像没有CORS批准，因此对画布的操作会导致安全错误。
在读取之后，我将THREE.TextureLoader()设置为允许跨域加载：
var loader = new THREE.TextureLoader();
//allow cross origin loading
loader.crossOrigin = '';
var texture = loader.load(
url_to_image,
// Function when resource is loaded
浏览 2提问于2017-07-14得票数 0
3回答
AngularJS使用基本身份验证发送GET请求
angularjs、rest
我尝试向具有基本身份验证的服务器发送GET RESTful请求。我编写了以下代码来完成此任务：
module.controller("MainCtrl", ['$scope', '$http', function($scope, $http) {
$http.get('http://192.168.10.15:8080/web/services/api/records/20420?_type=json', {
headers: {
&
浏览 0提问于2015-07-02得票数 1
2回答
Cookie未从响应传递到下一个请求
node.js、reactjs、http、web、cookies
我正在尝试构建我的第一个Web应用程序，并使用cookies进行身份验证。
基本上，我的React客户机将身份验证凭据发送到REST API，如果凭据有效，它将对其进行验证并生成一个令牌。
当我检查chrome上的网络活动时，令牌被设置在cookie POST请求的响应头上，但是当我在此之后尝试访问受保护的路由时，我得到了一个401，检查请求时发现/login不在报头上。
我该如何解决这个问题？起初我认为这是一个CORS问题，但我似乎就是无法解决它。
登录调用的响应：
下一个请求中缺少Cookie：
我是如何处理CORS问题的：
app.use(function(req, res,
浏览 0提问于2020-07-19得票数 0
2回答
Angular + Laravel 5.5 API
angular、laravel、api
我在不同的目录下有两个项目。第一个是我的Angular应用程序，第二个是Laravel 5.5后端。我已经创建了一个API，我想在我的Angular应用程序中调用它。当我尝试在Angular中获取API时，我得到了这样的响应：
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote
resource at http://localhost/. (Reason: CORS header ‘Access-Control-Allow-
Origin’ missing).
这两个项目都是本地的
浏览 2提问于2017-10-31得票数 2
1回答
跨域请求被阻止:同源策略不允许读取远程
jquery、ajax
我正尝试在jquery中进行api调用，但是我得到了这个错误Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://api.ontraport.com/1/objects?objectID=5&start=50. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).。
但是在firebug中我可以看到我的请求头
Accept : */*
Accept-Encoding :
浏览 0提问于2016-12-24得票数 1
3回答
无法使用Azure APIM交互式门户向后端APIM发送测试请求
azure、azure-api-management
使用Azure门户，我无法向Echo API (和所有其他后端API)发送测试请求。
发送请求时，我将得到以下错误：
HTTP/1.1 401 Access Denied
cache-control: private, s-maxage=0
content-length: 152
content-type: application/json
date: Tue, 12 Apr 2022 05:13:28 GMT
vary: Origin
www-authenticate: AzureApiManagementKey realm="https://AAAA.azure-api.net/e
浏览 41提问于2022-04-12得票数 1
回答已采纳
1回答
无法向本地服务器发送
angular、angular4-httpclient
我有一个本地Angular4应用程序，它试图发布到本地django服务器。问题是，我在http.post()中得到了一个错误，但我不认为它是由CORS的问题引起的(我正设法使用一个安卓应用程序来使用这个api，我在这个角度应用程序中没有看到任何关于Access-Control-Allow-Origin的错误信息)。请在下面找到我的代码：
// get token from the server
const body = {
username: 'username',
password: 'password'
};
this.http.post(&
浏览 4提问于2017-09-24得票数 1
回答已采纳
1回答
如果API需要来自客户端的基本身份验证，我是否需要在API服务器上使用CORS
ajax、cors、django-rest-framework、basic-authentication
如果连接到它的客户端已经提供了基本的身份验证信息，我是否需要在API的服务器上激活CORS (即返回相应的头部作为响应)。
经过大量的搜索，CORS和来自客户端的基本身份验证之间的关系对我来说仍然不清楚。(如果有任何关系...)
如果服务器已经需要来自客户端的基本身份验证，那么必须在服务器上启用CORS有意义吗？
Basic Auth是否应该“绕过”CORS，这意味着当来自客户端的请求经过身份验证时，服务器不应该提供CORS头？
CORS和Basic Auth一点关系都没有吗？
谢谢!
浏览 1提问于2016-08-11得票数 0
1回答
‘not’，使用模式‘not cors`’不调用promise.then回调
javascript、html、dom
下面是我的代码片段：
const url = util.API + '/ip/ip2addr' + `?ip=${this.state.ip}&key=${util.appKey}`;
fetch(url, {mode: 'no-cors'}).then(res => res.json()).then(data => {
//does not call this callback
this.setState({res: data.result});
}).catch(err => {
});
我看到了响应，
浏览 3提问于2016-09-28得票数 0
回答已采纳
3回答
使用Angular和IE8中的$http请求拒绝访问
javascript、node.js、internet-explorer-8、angularjs
我正在尝试让我的angular应用程序做一个$http.get请求。除了IE8之外，它在任何地方都有效。我使用的是最新的Angular (我想是1.0.6)。IE给出的唯一消息是:TypeError：
访问被拒绝。未定义(在以前的角度中这是)
我的主机(Nodejs)设置为发送cors头部：
res.header('Access-Control-Allow-Origin', '*'); //config.allowedDomains
res.header('Access-Control-Allow-Credentials', true);
res
浏览 2提问于2013-04-12得票数 8
1回答
在Angular中解析远程资源
angular、firebase、angular5、google-cloud-functions、angular-http
在Angular 5中，当通过 http.get()**?**访问远程资源时，关于CORS，我需要考虑什么
示例：
let url = `http://www.google.com`;
this.http.get(url).subscribe(res => {
console.log(res.text());
// parse html
});
结果：
Failed to load https://www.google.com/:
No 'Access-Control-Allow-Origin' header is present on the requ
浏览 29提问于2018-07-29得票数 -3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
