reactTypescript配置代理服务器


react + Typescript 配置代理服务器

package.json 后面添加

{
    ..
    ...
  "proxy": "http://localhost:3000"
}

另一说 src下新增 setupProxy.js

// 但似乎 package.json 配置后就已经可行 了
// 但另一说此二者需要配合使用 ?? 
// 但又似乎加入此文件,项目就会出问题?? 
// 目前放于最外层
const proxy = require('http-proxy-middleware');

// @ts-ignore
module.exports = function (app) {
  app.use(
    proxy('/api',{
        target: 'http://localhost:3000',
        changeOrigin: true,
        secure: false,
      }
      ))
};

参考资料:

https://create-react-app.dev/docs/proxying-api-requests-in-development/#configuring-the-proxy-manually


文章作者: KarlFranz
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 reprint policy. If reproduced, please indicate source KarlFranz !
评论
  目录