这种情况通常是由于 AWS Amplify 在构建项目时使用了不同的路径来引用 API。如果本地运行时一切顺利,但部署后无法正常运行,那很有可能是路径引起的问题。
以下是一个可能的解决方案,在使用 axios.post() 方法时,将 API 的路径指定为 .env 文件中指定的环境变量。
import axios from 'axios';
axios.post(process.env.REACT_APP_API_URL + '/submit-data', {
data: 'some data'
})
.then(response => {
console.log(response);
})
.catch(error => {
console.log(error);
});
这里假设使用的是 React,并且.env 文件中包含一个名为 REACT_APP_API_URL 的环境变量。在上述示例中,axios 将使用该环境变量中指定的路径(与部署环境的路径相匹配),从而解决部署期间“post”无法工作的问题。