使用axios实现登录成功功能

最新推荐文章于 2024-07-21 22:25:44 发布

小涛叔叔i

最新推荐文章于 2024-07-21 22:25:44 发布

阅读量1.1k

点赞数

本文链接：https://blog.csdn.net/weixin_46056076/article/details/108868191

版权

本文档详细介绍了如何在Vue项目中使用axios实现登录功能。首先，在components目录下创建Login.vue页面并设置路由。接着，在apis.js中配置后端接口，然后在Login.vue中导入axios模块并与django后端连接。最后通过测试确保登录功能正常工作，点击登录按钮能成功触发请求，获取后端返回信息。

摘要由CSDN通过智能技术生成

1.创建一个Login.vue页面

1.1写页面 components/Login.vue

在 src/components 下创建 Login.vue 页面

<template>
	<div>
		测试axios-{
   {
   title}}
	</div>
</template>

<script>
	import {
    login } from '@/http/apis'; 
	export default {
   
		data() 
			{
    return {
   
				title: '测试axios',
			}
		},
		mounted() {
   

		},
		methods