gpt4 book ai didi

javascript - Axios.get 返回纯 html 而不是 JSON 返回数据

转载 作者:行者123 更新时间:2023-12-03 23:49:45 41 4
gpt4 key购买 nike

我是 react js 的新手,并尝试使用 axios.get 从数据库中获取数据当componentDidmount。这是我试图获得产品的请求。我正在使用 laravel 的 react 。

componentDidMount() {
axios.get('http://localhost:8000/getproducts')
.then(response => {
console.log(response.data);
});
}
在 Controller 中,我正在返回数据
public function products()
{
$products = Product::all();
return response()->json($products);
}
返回 axios.get 中的响应后我得到以下纯 HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Learn React</title>

<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Nunito:200,600" rel="stylesheet">
<link href="http://localhost:8000/css/app.css" rel="stylesheet">
</head>
<body>
<div id="crud-app"></div>

<script src="http://localhost:8000/js/app.js"></script>
</body>
</html>

网页.php
<?php


Route::get('{any}', function () {
return view('welcome');
})->where('any','.*');

Route::get('/', function () {
return view('welcome');
});

Route::post('save-product', 'ProductController@saveProduct')->name('save.product');
Route::get('getproducts', 'ProductController@products')->name('get.products');

最佳答案

将 api url 移动到 php 文件的顶部,最好添加 'api/' 作为前缀

<?php

Route::post('api/save-product', 'ProductController@saveProduct')->name('save.product');
Route::get('api/getproducts', 'ProductController@products')->name('get.products');


Route::get('{any}', function () {
return view('welcome');
})->where('any','.*');

Route::get('/', function () {
return view('welcome');
});

关于javascript - Axios.get 返回纯 html 而不是 JSON 返回数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59404698/

41 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com