Node.js Axios GET请求出错,但我在浏览器中看到响应
正在尝试在Node.JS上使用后端创建VUE应用程序。但是最简单的代码不起作用。 我的后端:Node.js Axios GET请求出错,但我在浏览器中看到响应,node.js,vue.js,Node.js,Vue.js,正在尝试在Node.JS上使用后端创建VUE应用程序。但是最简单的代码不起作用。 我的后端: const HTTPServer=require(“http”) server=HTTPServer.createServer((req,res)=>{ console.log(请求url) 控制台日志(请求方法) res.write('helloworld!') 决议结束() }) 服务器。听(3000,()=>{ console.log('服务器已启动') }) 我的前端: 接受测试 发送获取请
const HTTPServer=require(“http”)
server=HTTPServer.createServer((req,res)=>{
console.log(请求url)
控制台日志(请求方法)
res.write('helloworld!')
决议结束()
})
服务器。听(3000,()=>{
console.log('服务器已启动')
})
我的前端:
接受测试
发送获取请求
{{comment}}
var app=新的Vue({
el:“#应用程序”,
数据:{
注释:“”
},
方法:{
btn_按下:功能(){
axios
.get('http://localhost:3000')
。然后(响应=>{
this.comment='Response is'+Response.data
})
.catch(错误=>{
this.comment='错误为'+error'
})
}
}
})
我在Chrome中的网络活动中看到了正确的响应,但代码中出现了“网络错误”。您可以尝试如下操作:
<script>
var app = new Vue({
el: '#app',
data: {
comment: ''
},
mounted() {
this.btn_pressed()
},
methods: {
btn_pressed() {
axios.get('/')
.then(res => {
this.comment = 'Response is ' + res.data
})
.catch(err => {
this.comment = 'The error is ' + err
})
}
}
})
var app=新的Vue({
el:“#应用程序”,
数据:{
注释:“”
},
安装的(){
这个.btn_pressed()
},
方法:{
btn_按下(){
axios.get(“/”)
。然后(res=>{
this.comment='响应为'+res.data'
})
.catch(错误=>{
this.comment='错误为'+err'
})
}
}
})
你好!,您能否共享错误的图像?能否将“response.data”更改为“response”并再次查看?。Thnks@Ignacio,谢谢你的回答。试图将response.data更改为response,但得到了相同的结果。不知道如何在这里附加截图。我打开html时出现了“错误是错误:网络错误”。你启动了服务器吗?@DaniyalLukmanov是的。我在浏览器中看到了响应您在控制台中看到CORS错误了吗?