angular解决跨域问题
<p>在进行项目开发过程中，经常会遇到跨域问题，下面就通过一些配置进行解决跨域问题。</p><p> </p>
<p>1.在项目根目录下进行创建文件 proxy.config.json；</p>
<div class="cnblogs_Highlighter">
<pre class="brush:javascript;gutter:true;">{
"/": {
"target": "", //要指向的域名或端口号
"logLevel": "debug", //
"secure": false, //
"changeOrigin": true, //
"pathRewrite": {
"^/": ""
}
}
}
</pre>
</div>
<p> </p>
<p>2. 修改启动文件：</p>
<p>修改angular.json的配置文件：</p>
<div class="cnblogs_code">
<pre><span style="color: rgba(0, 0, 0, 1)">{
</span>"projects"<span style="color: rgba(0, 0, 0, 1)">: {
</span>"my-app"<span style="color: rgba(0, 0, 0, 1)">: {
</span>"architect"<span style="color: rgba(0, 0, 0, 1)">: {
</span>"serve"<span style="color: rgba(0, 0, 0, 1)">: {
</span>"builder": "@angular-devkit/build-angular:dev-server"<span style="color: rgba(0, 0, 0, 1)">,
</span>"options"<span style="color: rgba(0, 0, 0, 1)">: {
</span>"browserTarget": "my-app:build"<span style="color: rgba(0, 0, 0, 1)">,
</span><strong><span style="background-color: rgba(255, 102, 0, 1)">"proxyConfig": "proxy.config.json"</span></strong><span style="color: rgba(0, 0, 0, 1)">
},
</span>"configurations"<span style="color: rgba(0, 0, 0, 1)">: {
</span>"production"<span style="color: rgba(0, 0, 0, 1)">: {
</span>"browserTarget": "my-app:build:production"<span style="color: rgba(0, 0, 0, 1)">
}
}
}
}
}
}
}
}</span></pre>
</div>
<p> </p>
<p>不修改angula.json文件，修改package.json文件的start命令；</p>
<div class="cnblogs_code">
<pre><span style="color: rgba(0, 0, 0, 1)">{
</span>"name": "my-app"<span style="color: rgba(0, 0, 0, 1)">,
</span>"version": "0.0.0"<span style="color: rgba(0, 0, 0, 1)">,
</span>"scripts"<span style="color: rgba(0, 0, 0, 1)">: {
</span>"ng": "ng"<span style="color: rgba(0, 0, 0, 1)">,
</span><strong><span style="background-color: rgba(255, 102, 0, 1)">"start": "ng serve --proxy-config proxy.config.json"</span><span style="color: rgba(0, 0, 0, 1)">,
</span></strong>"build": "ng build"<span style="color: rgba(0, 0, 0, 1)">,
</span>"test": "ng test"<span style="color: rgba(0, 0, 0, 1)">,
</span>"lint": "ng lint"<span style="color: rgba(0, 0, 0, 1)">,
</span>"e2e": "ng e2e"<span style="color: rgba(0, 0, 0, 1)">
}
}</span></pre>
</div>
<p> </p>
</div>
<div id="MySignature" role="contentinfo">
好好做人，认真生活。<br><br>
来源：https://www.cnblogs.com/liuyuanfang/p/13361246.html
頁:
[1]