vue登录页面

参考项目：https://github.com/PanJiaChen/vue-admin-template

1.复制项目登录页面，和utils文件。下载依赖数据。用cnmp install  XX --save安装 node-sass ，sass，fibers，sass-loader

 2.添加登录图标，图标网站：https://element.eleme.cn/#/zh-CN/component/icon

参考代码：

<i class="el-icon-s-custom"></i>

　　

3.重新 axios方法。

4.解决跨域问题：不同的域名之间进行请求通信，会触发跨域问题。

在当前页面下请求其他域名的接口，同来更新当前域名的数据，然后页面还是当前域名。跟超链接跳转不是一回事。

所以vue和django会存在跨域问题，

如何解决：

安装 django-cors-headers，在setting的 INSTALLED_APPS中添加'MIDDLEWARE_CLASSES中添加2个中间件

最后 添加上一些跨域的设置
CORS_ALLOW_CREDENTIALS = True
CORS_ORIGIN_ALLOW_ALL = True
CORS_ORIGIN_WHITELIST = (
'*'
)

CORS_ALLOW_METHODS = (
'DELETE',
'GET',
'OPTIONS',
'PATCH',
'POST',
'PUT',
'VIEW',
)

CORS_ALLOW_HEADERS = (
'XMLHttpRequest',
'X_FILENAME',
'accept-encoding',
'authorization',
'content-type',
'dnt',
'origin',
'user-agent',
'x-csrftoken',
'x-requested-with',
'Pragma',
)