在服务器上通过 http 请求的 URL 必须是绝对服务器渲染

可以

我正在使用 Angular 4 CLI + Universal,但出现以下错误。我记得它也应该使用相对路径,但我该怎么做?

ERROR 错误:服务器上通过 Http 请求的 URL 必须是绝对的。URL:/api/countNewsFeedToday at validateRequestUrl (/Users/Picchu/Documents/em/node_modules/@angular/platform-server/bundles/platform-server.umd.js:99:15)

HTTP 请求调用示例

 ngOnInit() {



        this.http.get('/isUserLogin').map((res: any) => res.json())
        .subscribe(
        (res: any) => {
          this.data = res;
          if (res == 'notLoggedIn') {


          } else {
            this.profileId = this.data._id;

            if(this.data.local){
            this.nameMain = this.data.local.nameMain;
            }


          }
        });
    }

包.json

{
  "name": "smarter-experiences",
  "version": "1.0.0",
  "description": "Starter application of Angular2 with Express",
  "main": "dist/server/bin/www.js",
  "license": "MIT",
  "scripts": {
    "start": "ng serve  --proxy-config proxy.conf.json & npm run _server:run",
    "lint": "tslint \"src/**/*.ts\"",
    "test": "ng test",
    "pree2e": "webdriver-manager update",
    "e2e": "protractor",
    "build": "ng build --prod --sm=false --aot  --output-path=dist/client && npm run _server:build",
    "_server:run": "tsc -p ./server && concurrently \"tsc -w -p ./server\" \"nodemon dist/server/bin/www.js\" ",
    "_server:build": "tsc -p ./server",
    "production": "NODE_ENV=production node dist/server/bin/www.js",
    "buildWebpack": "ng build --prod && ngc && webpack",
    "startWebpack": "node dist/server.js"
  },

  "private": true,
  "dependencies": {
    "@angular/animations": "^4.3.1",
    "@angular/cli": "^1.2.4",
    "@angular/common": "^4.3.1",
    "@angular/compiler": "^4.3.1",
    "@angular/compiler-cli": "^4.3.1",
    "@angular/core": "^4.3.1",
    "@angular/forms": "^4.3.1",
    "@angular/http": "^4.3.1",
    "@angular/material": "^2.0.0-beta.7",
    "@angular/platform-browser": "^4.3.1",
    "@angular/platform-browser-dynamic": "^4.3.1",
    "@angular/platform-server": "^4.3.1",
    "@angular/router": "^4.3.1",
    "@types/body-parser": "0.0.32",
    "@types/compression": "0.0.33",
    "@types/cors": "0.0.33",
    "@types/express": "^4.0.32",
    "@types/jasmine": "2.5.38",
    "@types/jsonwebtoken": "^7.1.31",
    "@types/node": "^6.0.42",
    "@types/socket.io": "^1.4.27",
    "@types/socket.io-client": "^1.4.29",
    "@types/uuid": "3.3.15-alpha",
    "angular2-material-datepicker": "^0.5.0",
    "angular2-moment": "^1.3.0",
    "async": "~1.5.2",
    "bcrypt-nodejs": "latest",
    "body-parser": "~1.13.2",
    "bootstrap": "^3.3.7",
    "compression": "^1.6.2",
    "connect-busboy": "0.0.2",
    "connect-flash": "~0.1.1",
    "cookie-parser": "~1.3.5",
    "cookie-session": "2.0.0-alpha.2",
    "core-js": "^2.4.1",
    "cors": "^2.8.4",
    "debug": "^2.2.0",
    "express": "^4.13.4",
    "express-jwt": "^3.3.0",
    "express-session": "~1.0.0",
    "font-awesome": "^4.7.0",
    "jquery": "^3.1.1",
    "json-schema": "^0.2.3",
    "jsonwebtoken": "^5.7.0",
    "method-override": "~1.0.0",
    "mkdirp": "~0.5.1",
    "mongoose": "^4.6.0",
    "morgan": "^1.7.0",
    "mosca": "*",
    "mqtt": "*",
    "multer": "^0.1.8",
    "ng2-mqtt": "0.1.2",
    "node-geocoder": "3.15.0",
    "nodemailer": "4.1.0",
    "nodemailer-smtp-transport": "^2.7.4",
    "passport": "^0.4.0",
    "passport-facebook": "^2.1.1",
    "passport-google-oauth": "^0.1.5",
    "passport-http-bearer": "^1.0.1",
    "passport-local": "~1.0.0",
    "path": "^0.12.7",
    "reflect-metadata": "^0.1.10",
    "rxjs": "5.4.1",
    "semantic-ui-loader": "^2.2.3",
    "socket.io": "^1.7.2",
    "stripe": "^4.15.0",
    "style-loader": "^0.19.0",
    "system-sleep": "^1.3.0",
    "ts-helpers": "^1.1.1",
    "uuid": "^3.0.1",
    "webpack": "~3.8.1",
    "webpack-node-externals": "^1.6.0",
    "webpack-sources": "^1.0.1",
    "zone.js": "^0.8.9"
  },
  "devDependencies": {
    "codelyzer": "~2.0.0",
    "concurrently": "^3.1.0",
    "jasmine-core": "~2.5.2",
    "jasmine-spec-reporter": "~3.2.0",
    "karma": "~1.4.1",
    "karma-chrome-launcher": "^2.0.0",
    "karma-cli": "^1.0.1",
    "karma-coverage-istanbul-reporter": "^0.2.0",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "karma-remap-istanbul": "^0.2.1",
    "markerwithlabel": "^2.0.0",
    "nodemon": "^1.11.0",
    "protractor": "~5.1.0",
    "ts-node": "~2.0.0",
    "ts-loader": "^3.0.2",
    "tslint": "~4.4.2",
    "typescript": "~2.3.4",
    "webdriver-manager": "10.2.5"
  }
}
莫玛

正如错误所述,服务器端请求的 URL 必须是绝对的。它不适用于相对 URL。

一个好的解决方案是使用Angular Http Interceptors来拦截服务器端的所有 http 请求,并使它们绝对像http://localhost:PORT/isUserLogin.

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

System.Exception:调用Node模块失败,并出现以下错误:错误:服务器上通过Http请求的URL必须是绝对的

到远程WebDriver服务器的URL的HTTP请求-Chrome

如何从自托管服务器上的http请求消息获取原始url?

Kohana_HTTP_Exception [404]:在此服务器上找不到请求的 URL Line/id

服务器上的 Solr HTTP 错误,HTTP 请求失败

通过SSH服务器发送HTTP请求

如何在Apache服务器上启用Http请求?

POST 请求上的 Http 500 内部服务器错误

Codeigniter在此服务器上找不到请求的URL

laravel在此服务器上找不到请求的URL

在此服务器django上找不到请求的URL

在此服务器上找不到请求的URL /

在服务器上找不到.php请求的URL

CPanel在此服务器上找不到请求的URL /

CodeIgniter,在服务器上找不到请求的URL

对我的HTTP服务器的奇怪请求

tomcat http服务器::将#添加到请求的URL

向远程WebDriver服务器发送URL的HTTP请求... 60秒后超时

反向代理服务器可以接受 https 请求并通过 http 转发到 Web 服务器吗?

对统一HTTP服务器的HTTP请求

通过无服务器 VPC 连接器向 GCE 发出 GAE http 请求

NodeJS - 在服务器创建后设置 http 服务器请求侦听器

如何在Android模拟器上向WAMP服务器发出HTTP请求

PHP请求-在此服务器上找不到请求的URL /.$final_link

通过ajax在服务器请求上禁止的错误403

找不到404,在此服务器上的wordpress中找不到请求的URL << URL name >>

角度:返回URL错误:在此服务器上找不到请求的URL

通过HTTP连接到HTTPS请求的代理服务器是否安全?

通过Java脚本监听Http服务器端请求(文档类型)事件