Javascript 无法使用api-vue js从axios获取数据
当我使用vue js获取数据时，我遇到了一个问题，它返回的是HTML而不是json。我使用route参数，它显示邮局的id。这是我在vue中的代码：Javascript 无法使用api-vue js从axios获取数据,javascript,laravel,api,vue.js,axios,Javascript,Laravel,Api,Vue.js,Axios,当我使用vue js获取数据时，我遇到了一个问题，它返回的是HTML而不是json。我使用route参数，它显示邮局的id。这是我在vue中的代码： axios.get("api/posts/" + this.$route.params.id).then(response => { console.log(this.$route.params.id); console.log(response.data); }); 这是响应数据： <html lang="en">
axios.get("api/posts/" + this.$route.params.id).then(response => {
console.log(this.$route.params.id);
console.log(response.data);
});
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Laravel</title>
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Nunito:200,600" rel="stylesheet">
<link rel="stylesheet" href="http://127.0.0.1:8000/css/app.css">
<script src="http://127.0.0.1:8000/js/app.js" defer></script>
</head>
<body>
<div id="app">
<index></index>
</div>
</body>
</html>
拉维尔
如何修复它？尝试添加标题内容类型json
axios.get("/api/posts/" + this.$route.params.id, {
headers: {
'Content-Type': 'application/json'
}
}).then(response => {
console.log(this.$route.params.id);
console.log(response.data);
});
尝试添加标题内容类型json
axios.get("/api/posts/" + this.$route.params.id, {
headers: {
'Content-Type': 'application/json'
}
}).then(response => {
console.log(this.$route.params.id);
console.log(response.data);
});
好的，很抱歉，只是输入了axios.get（“api/posts/”+this.$route.params.id）应该在“api/posts/”之前添加
“/”好的，很抱歉，只是输入了axios.get（“api/posts/”+this.$route.params.id）应该在“api/posts/”之前添加
“/”你能给我们看一下请求头吗？请求URL：请求方法：获取状态代码：200确定远程地址：127.0.0.1:8000引用方策略：降级时无引用接受：应用程序/json，文本/plain，/Accept编码：gzip，deflate，br接受语言：en-us，en；q=0.9，id；q=0.8连接：保持活动主机：127.0.0.1:8000引用者：您能给我们显示请求头吗？请求URL：请求方法：获取状态代码：200确定远程地址：127.0.0.1:8000引用者策略：降级时无引用接受：应用程序/json，文本/plain，/接受编码：gzip，deflate，br接受语言：en-us，en；q=0.9，id；q=0.8连接：保持活动主机：127.0.0.1:8000引用者：我尝试了，但在url请求中是“不”，然后访问
axios.get（“/api/posts/axios.get（“/api/posts/