怎样建设自己网站的后台,如何建网站模板,找阿里巴巴购买做网站的软件,厦门市建设质量安全协会网站前后端分离相对于传统方式的问题
前后端数据交换的问题跨域问题 页面js往自身程序#xff08;django服务#xff09;发送请求#xff0c;这是浏览器默认接受响应 而请求其它地方是浏览器认为存在潜在危险。自动隔离请求#xff01;#xff01;#xff01; 跨域问题的解决…前后端分离相对于传统方式的问题
前后端数据交换的问题跨域问题 页面js往自身程序django服务发送请求这是浏览器默认接受响应 而请求其它地方是浏览器认为存在潜在危险。自动隔离请求 跨域问题的解决
从后端入手前端也可以 安装模块
pip install django-cors-headerssettings.py中
注册,添加中间件等配置
INSTALLED_APPS (...corsheaders
)MIDDLEWARE [...corsheaders.middleware.CorsMiddleware,#django.middleware.common.CommonMiddleware, 这个是原本就存在的
]
#跨域处理
#跨域增加忽略
CORS_ALLOW_CREDENTIALS True
CORS_ORIGIN_ALLOW_ALL True
CORS_ORIGIN_WHITLIST (*
)CORS_ALLOW_METHODS (GET,POST,
)CORS_ALLOW_HEADERS (XMLHttpRequest,X_FILENAME,accept-encoding,authorization,content-type,dnt,origin,user-agent,x-csrftoken,x-requested-with,Pragma,
)解决后的测试 后端
#api test
def get(request):data_list [{comment:今天天气很好,date:11.18,name:左xx},{comment:今天很开心,date:3.21,name:刘xx},{comment: 乐, date: 3.3, name: 靖xx}]request_data {code:200,message:请求成功}request_data[data] data_listreturn JsonResponse(request_data)前端
templatedivh1Part1/h1el-table:datatableDataheight250borderstylewidth: 100%el-table-columnpropdatelabel日期width180/el-table-columnel-table-columnpropnamelabel姓名width180/el-table-columnel-table-columnpropcommentlabel评论/el-table-column/el-tableel-paginationbackgroundlayoutprev, pager, next:total1000/el-pagination/div
/templatescriptimport axios from axios;export default {data() {return {tableData: [],}},methods:{},mounted(){//发送异步请求,获取数据axios.get(http://127.0.0.1:8000/get/).then((result) {this.tableDataresult.data.data; //从返回的result中获取需要的信息});// alert(this.tableData);}}
/script效果图
下一步
考虑加入数据库
