首页 前端知识 在angular12中proxy.conf.json中配置详解

在angular12中proxy.conf.json中配置详解

2024-06-17 09:06:52 前端知识 前端哥 880 516 我要收藏

一、proxy.conf.json文件的目录

二、proxy.conf.json文件中的配置 

"/xxx/api": {
    "target": "地址/api",
    "secure": false,
    "logLevel": "debug",
    "changeOrigin": true,
    "pathRewrite": {
      "/xxx/api": ""
    }

1.  target:  后端的接口地址;

2.  secure:看后端协议是https还是http,如果为http就设置为true如果希望支持https就设置为false;(默认情况下,将不接受在 HTTPS 上运行且证书无效的后端服务器)

3.  logLevel:设置成debug可以看出源地址转换为目标地址的过程;

4.  changeOrigin:是否跨域;

5.  pathRewrite:重写,将地址重写"";

三、在package.json中的配置

 "scripts": {
    "ng": "ng",
    "start": "ng serve --proxy-config proxy.conf.json",
  },

一般情况下配置成这种就行了。

针对于多项目开发后面还需要配置基础地址和部署地址,例如:

"scripts": {
    "ng": "ng",
    "start": "ng s --port 4200 -o --hmr --proxy-config proxy.conf.json --base-href /xxx/ --deploy-url /xxx/",
  },
转载请注明出处或者链接地址:https://www.qianduange.cn//article/12519.html
标签
angular.js
评论
发布的文章

HTML5 新增元素

2024-06-22 10:06:20

【前端】HTML5基础

2024-06-22 10:06:36

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!