angular 中配置跨域
<p><span style="font-size: 18px"><strong>1. 新建一个 proxy.conf.json</strong></span></p><div style="color: rgba(197, 200, 198, 1); line-height: 19px; font-family: Consolas, "Courier New", monospace; font-size: 14px; font-weight: normal; white-space: pre; background-color: rgba(30, 30, 30, 1)">
<div><span style="color: rgba(197, 200, 198, 1)">{</span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"/search"<span style="color: rgba(197, 200, 198, 1)">: {</span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"target"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"https://wenku.baidu.com/search"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"secure"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(64, 128, 128, 1)">false<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"changeOrigin"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(64, 128, 128, 1)">true</span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> },</span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"/getnotice"<span style="color: rgba(197, 200, 198, 1)">: {</span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"target"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"https://wenku.baidu.com/message/getnotice"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"secure"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(64, 128, 128, 1)">false<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"changeOrigin"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(64, 128, 128, 1)">true</span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> },</span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"/api"<span style="color: rgba(197, 200, 198, 1)">: {</span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"target"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"https://wenku.baidu.com"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"secure"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(64, 128, 128, 1)">false<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"changeOrigin"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(64, 128, 128, 1)">true</span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> }</span></div>
<div><span style="color: rgba(197, 200, 198, 1)">}</span></div>
</div>
<p><span style="font-size: 18px"><strong>2. 在 package.json 中</strong></span></p>
<div style="color: rgba(197, 200, 198, 1); line-height: 19px; font-family: Consolas, "Courier New", monospace; font-size: 14px; font-weight: normal; white-space: pre; background-color: rgba(30, 30, 30, 1)">
<div><span style="color: rgba(197, 200, 198, 1)">{</span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"name"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"angular-demo"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"version"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"0.0.0"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"scripts"<span style="color: rgba(197, 200, 198, 1)">: {</span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"ng"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"ng"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"start"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"<span style="text-decoration: underline; background-color: rgba(255, 255, 0, 1)"><strong><em>ng serve --proxy-config proxy.config.json</em></strong></span>"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"build"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"ng build"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"test"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"ng test"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"lint"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"ng lint"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"e2e"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"ng e2e"</span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> },</span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"private"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(64, 128, 128, 1)">true<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"dependencies"<span style="color: rgba(197, 200, 198, 1)">: {</span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"@angular/animations"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"~8.1.1"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"@angular/common"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"~8.1.1"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"@angular/compiler"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"~8.1.1"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"@angular/core"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"~8.1.1"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"@angular/forms"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"~8.1.1"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"@angular/platform-browser"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"~8.1.1"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"@angular/platform-browser-dynamic"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"~8.1.1"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"@angular/router"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"~8.1.1"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"axios"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"^0.19.0"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"redux"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"^4.0.4"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"rxjs"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"~6.4.0"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"tslib"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"^1.9.0"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"zone.js"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"~0.9.1"</span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> },</span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"devDependencies"<span style="color: rgba(197, 200, 198, 1)">: {</span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"@angular-devkit/build-angular"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"~0.801.1"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"@angular/cli"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"~8.1.1"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"@angular/compiler-cli"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"~8.1.1"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"@angular/language-service"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"~8.1.1"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"@types/node"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"~8.9.4"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"@types/jasmine"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"~3.3.8"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"@types/jasminewd2"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"~2.0.3"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"codelyzer"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"^5.0.0"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"jasmine-core"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"~3.4.0"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"jasmine-spec-reporter"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"~4.2.1"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"karma"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"~4.1.0"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"karma-chrome-launcher"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"~2.2.0"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"karma-coverage-istanbul-reporter"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"~2.0.1"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"karma-jasmine"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"~2.0.1"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"karma-jasmine-html-reporter"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"^1.4.0"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"protractor"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"~5.4.0"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"ts-node"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"~7.0.0"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"tslint"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"~5.15.0"<span style="color: rgba(197, 200, 198, 1)">,</span></span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> <span style="color: rgba(199, 68, 74, 1)">"typescript"<span style="color: rgba(197, 200, 198, 1)">: <span style="color: rgba(154, 168, 58, 1)">"~3.4.3"</span></span></span></span></div>
<div><span style="color: rgba(197, 200, 198, 1)"> }</span></div>
<div><span style="color: rgba(197, 200, 198, 1)">}</span></div>
</div>
<p> </p><br><br>
来源：https://www.cnblogs.com/monkey-K/p/11621837.html
頁:
[1]