1

我已经在 React 中构建了我的应用程序，并且在通过 webpack-dev-server 在生产构建中对其进行了测试后，调用 API 的可能性出现了。我正在通过 AXIOS 提出请求。

GET 请求出现以下错误：

获取http://localhost:8080/api/web/api/get-logged-navbar 404（未找到）

对于 POST 请求，它不会触发操作。

即使我使用正确的请求路径。

我的应用程序的重要文件夹的结构如下：

  • 公共（bundle.js 构建文件，以及其他样式和脚本资产都在这里）
  • src（组件和操作）
  • api（api代码在这里：Yii2）

网络包配置：

var webpack = require('webpack');
var path = require('path');

var BUILD_DIR = path.resolve(__dirname, 'public');
var APP_DIR = path.resolve(__dirname, 'src');

var config = {
  entry: APP_DIR,
  output: {
    path: BUILD_DIR,
    filename: 'bundle.js'
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        include: APP_DIR,
        loader: 'babel-loader',
      },
      {
        test: /\.css$/,
        loaders: ["style-loader","css-loader"]
      },
    ]
  }
};

module.exports = config;

我是否需要设置代理并将 API 放在另一个服务器端口上？

4

2 回答 2

0

假设你在说我认为你在说的话，那么是的，你可能需要 webpack-dev-server 的代理选项来将你的 API 请求转发到你的 Yii2 后端。找出 API 服务器正在侦听的端口并代理/api到该端口，如该页面上的示例所示。

于 2017-11-22T13:18:17.603 回答
0

我构建了一个天气应用程序，它使用 React/Webpack 和 Axios 对 openweather.org 进行 API 调用，我认为不需要代理。您应该调查您传递给 Axios 的 URL。如果无法看到您的代码，就很难提出进一步的建议。

于 2017-11-22T13:23:28.903 回答