vue axios怎么获取到状态

Posted 2023-03-26

参考技术A 创建vue工程，安装axios
vue init webpack vue2
cd vue2
npm i axios

去掉eslint检查（去掉红框中的部分），运行工程：
npm run dev

添加测试代码：
添加按钮：
<ul> <button v-on:click="postData">Greet</button></ul>
添加方法：
methods:
postData() this.$http( method: 'get', url: '/user',
data: name: 'xiaoming', info: '12' )


刚才添加的代码，方法是get方法，现在可以做get请求测试了，点击页面上的按钮即可，我们会发现红框中输出报一个get错误，说明我们刚发了一个get请求，由于相应的请求的服务端我们没做任何开发，所以客户端是要报404的。

修改代码的中方法为post
postData() this.$http( method: 'post', url: '/user', data: name: 'xiaoming', info: '12' )

点击按钮，测试post方法，点击后，输出中发现报post的错误，说明我们已经发出请求。

并发请求：我们修改代码，添加方法twoReq
按钮
<ul> <button v-on:click="twoReq">Greet</button></ul>
方法：
twoReq()
self = this function getUserAccount() return
self.$http.get('/user/12345'); function
getUserPermissions() return
self.$http.get('/user/12345/permissions');
self.$http.all([getUserAccount(), getUserPermissions()])
.then(self.$http.spread(function (acct, perms)
console.log("done"); //两个请求现已完成 ));

点击按钮做并发测试，发现输出有两个请求，说明我们的并发请求可行。更深入内容请上官网了解。

vue中axios怎么分服务

参考技术A 你好，vue中axios分服务需要在前端主机安装Nginx，配置Nginx主配置文件进行路由转发，启动Nginx服务器。希望以后帮助到你。 参考技术B 1、在服务端：

在服务端，可以使用Node.js的axios模块来发送HTTP请求，以获取服务端数据。

2、在客户端：

在客户端，可以使用Vue.js的axios插件来发送HTTP请求，以获取客户端数据。 参考技术C Vue中可以使用Axios模块来管理HTTP请求，你可以通过设置请求拦截器来分割不同的服务。你还可以使用多个Axios实例来处理不同的服务。 参考技术D vue中axios怎么分服务
答案如下：前者运营商和后者的运营商不是同一个。