nuxt.js如何访问django接口

我用django写了一个接口,想在nuxt.js(vue.js)中调用这个接口,但总是不成功,求大神指点一二,感激不尽。

nuxt.config.js 配置

module:exports = {
modules: [
'@nuxtjs/axios',
],
axios: {
prefix: '/api/',
proxy: true
},

proxy: {
  '/api/': {target: 'http://localhost:8000', pathRewrite: {'^/api/': ''}}
}

},

组件中发送请求:
async asyncData({$axios}){
const result = await $axios.$get('students')
console.log(result)

}

django接口为:localhost:8000/students

浏览器的结果:
Request URL: http://localhost:3000/
Request Method: GETStatus Code: 500 NuxtServerErrorRemote Address: 127.0.0.1:3000Referrer Policy: no-referrer-when-downgrade

NuxtServerError
Request failed with status code 404

我用网上的api是可以成功的,自己写的就不行,谢谢大佬指点
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
DJango - 接口访问方法 Demo
目的 理解 Django 交互方法 test1 访问接口, 然后直接返回数据 (json) test2 GET 与 POST 访问 [ 这里只介绍 GET, POST 同理 ] test3 访问接口, 返回静态网页数据 test4 访问接口,返回动态网页,HTML 专用 test5 访问接口,返回动态网页,JAVASCRIPT 专用 test6 文件下载 (csv) ...
django接口无法通过ip进行访问
django接口可以通过localhost或者127.0.0.1进行访问,但无法通过本机ip地址访问 1.修改django项目中的settings.py文件 ALLOWED_HOSTS = "*" 2.cmd窗口运行命令启动 python manage.py runserver 0.0.0.0:8080 3.pycharm中启动 修改Run/Debug Configura...
django如何实现局域网访问?
1.默认运行ip,port:127.0.0.1:8000 2.指定ip,port运行: 例如:服务器的ip地址为:192.168.214.1 则如下配置: a.指定端口运行:运行服务器:python3 manage.py runserver 192.168.214.1:8000 b.配置访问规则:在settings文件中配置:ALLOWED_HOSTS = ['*'] c.修改ubun...
Nuxt.js 启动服务配置ip访问、端口号
Nuxt.js 的相关文档 https://zh.nuxtjs.org/ package.json文件的配置 { "name": "test", "version": "1.0.0", "description": "My premium Nuxt.js project", "author": "sintina", "private": true, "scripts...
nuxt.js项目如何部署到服务器?
项目打包 yarn build或者npm build 需要上传的文件 1. .nuxt目录 2. package.json 3. nuxt.config.js 4. static 5. server目录 (不传会报错ERROR Renderer is loaded but not all resources are unavailable! Please check /www/wwwr...
开始使用Nuxt.js
Nuxt.js简单的说是Vue.js的通用框架,最常用的就是用来作SSR(Server Side Render服务端渲染).再直白点说,就是Vue.js原来是开发SPA(Single Page Application单页应用)的,但是随着技术的普及,很多人想用Vue开发多页应用,并在服务端完成渲染.这时候就出现了Nuxt.js这个框架,它简化了SSR的开发难度.还可以直接用命令把我们制作的vue项...
如何搭建基于Nuxt.js项目
介绍 nuxt.js(中文官方文档)是vue.js的一个通用型应用框架,有了之前搭建vue项目的过程之后,搭建一个nuxt项目就会十分简单。 搭建步骤 1.打开命令提示符,进入到相关文件夹下; 2.使用如下命令一步搭建项目 vue init nuxt-community/starter-template testPro --testPro为项目名称 3.需要进一步输入以下信息 ...
nuxt.js项目搭建
项目准备:  nuxt2项目安装可以使用官方提供的脚手架create-nuxt-app,由于git bash无法上下选择,所以window用户建议用cmd来搭建项目,首先输入指令 $ npx create-nuxt-app mt-app //mt-app替换成你需要的项目名 接下来会有官方提供的一些配置选项,我使用的是以下配置 除了上图还有prettier我选择不开启 项目搭建...
接口2如何访问接口1中的成员?
// CClass1rnclass ATL_NO_VTABLE CClass1 : rn public CComObjectRootEx,rn public CComCoClass,rn public IDispatchImplrnrnpublic:rn CClass1()rn rn rnrnDECLARE_REGISTRY_RESOURCEID(IDR_CLASS1)rnrnDECLARE_PROTECT_FINAL_CONSTRUCT()rnrnBEGIN_COM_MAP(CClass1)rn COM_INTERFACE_ENTRY(IClass1)rn COM_INTERFACE_ENTRY(IDispatch)rnEND_COM_MAP()rnrn// IClass1rnpublic:rn [b][color=#FF0000]int Count; [/color][/b]rn;rnrn#endif //__CLASS1_H_rnrn创建了2个接口类,分别Class1与Class2 rn 在Class2中如何获得Class1中的 int Count;的值?
WINDOWS系统下如何实现接口以及接口的访问
请问我有一系统:rn rn ==================================================rn rn 经一传感器将信号转换为数字量在计算机上输出.请问如果要在WINDOWS系统下实现信号的图形绘制.如何实现接口以及接口的访问,是否需要VXD的知识.我想用VC来做.能大概讲述以下最好.rnrnrn ===================================================rn
如何访问nc给外部访问的接口
如何访问nc给外部访问的接口: nc 写好服务类之后,重新部署EJB 一下,重启服务 浏览器进入系统,url写http://127.0.0.1/uapws/service/ 这里可以看到nc给外部的所有接口 选中自己编写的接口 一般这样:http://order.xl.vo.hz/ISaleOrders}ISaleOrdersPort 点击去,复制地址, 地址一般这样:htt
python Django接口自动化测试
记录下自己开发的接口自动化测试平台:   接口测试相对于UI测试来说测试成本低,相对稳定,变动不大,日常测试可使用postman、jmeter、python request等进行测试。   以下就介绍python request开发的框架来进行接口测试。功能满足批量测试,支持Excel导入数据库,自定义选中测试接口,图表测试统计等功能。   后端语言采用python的django来开发,之前...
Django封装交互接口
# !/usr/bin/env python # -*- coding:utf-8 -*- __author__ = '_X.xx_' __date__ = '2018/7/18 16:44' from django.http import JsonResponse class HttpCode(object): ok = 200 paramserror = 400 ...
django开发REST 接口
使用Django开发REST 接口我们以在Django框架中使用的图书英雄案例来写一套支持图书数据增删改查的REST API接口,来理解REST API的开发。在此案例中,前后端均发送JSON格式数据。# views.py from datetime import datetime class BooksAPIVIew(View): """ 查询所有图书、增加图书 ""...
Django接口数据处理
1、有多个使用json,和字典很一样 定义字典,定义值 http://127.0.0.1:8000/login/?username=test&mobile=123&data=20190603 在Fiddler中的数据如下一致
如何访问json接口的服务
最近负责开发一个程序,要访问服务端(是用RESTful)提供的服务,采用JSON格式交换数据。比如要访问一个方法getEmployeeByName,参数有id、param,其中id是一个字符串,param是要求转换为json格式,比如param有数据 departmentrnname两个字段;该方法返回name、age、birthday、telephone等信息, 要实现这样的功能,请问有哪位能提供下学习的代码rn
接口访问
我从BC31一下跳到Builder6.原来用inportb和outportb实现对接口的访问,在Builder6里这种函数没有了,所以我嵌入汇编码.但这种嵌入的口访问码在XP里被认为非法,请问有其它更完美的措施吗?rn
Django访问静态资源
这两天学习了Django的基本使用,对于MVT架构还是比较好理解的呀。先看一下我项目的架构所有的静态文件都放在static文件夹目录下设置项目settings.py文件# Static files (CSS, JavaScript, Images) # https://docs.djangoproject.com/en/1.11/howto/static-files/ #静态文件设置 这里是静态文件
django的访问途径
1、添加URL模式来映射URL中的/xx/和新视图 修改view.pyfrom django.template import Template, Context from django.http import HttpResponse import datetimedef hello(request): return HttpResponse("Hello world!")def time
django 实现Web端访问
1.编辑demo/demo/setting.py 文件,做ALLOWED_HOSTS主机访问配置(若第三步已做可跳过此步骤) #此处添加自己的ip 地址 ALLOWED_HOSTS=['192.168.2.240'] 2.编写项目主路由urls配置,配置对mytest应用路由的访问连接配置 from django.conf.urls import include,url from django...
Django 的安装及访问
#pip 安装 F:\python_environment>pip install Django==1.11 #到目录下源码安装 python setup.py install#检查Django安装成功 F:\python_environment>python -m django --version 1.11 # 或者 import django #创建项目 F:\python_www>django
django静态文件的访问
django的静态文件访问。 最初的目的是这样的,我的目的在于将一个静态的html网页等一系列文件通过django的app下的模板中来静态访问,我最处是放在了app下的模板文件夹中,并且在视图函数中定义了一个函数返回index.html,但是返回的网页没有样式,于是,我又将模板中_static(这是我原来的网页文件中自带的一个文件夹)文件夹中的所有样式和javascript文件复制到该应用的目录下
django项目局域网访问
在setting中ALLOWED_HOSTS =[]添加本机IP地址然后运行 python manage.py runserver ip:8000然后在浏览器输入IP和端口即可访问
django访问mysql存储过程问题
现在有一个问题.rn我的存储过程中有update,最后返回select的表rn直接在mysql 中运行可以正常,update也生效rn但放在django中,能返回select 表,update在执行存储过程时是运行了的(影响了select结果),但存储过程运行后,查询数据,发现update没有生效,即回滚了...rnrncursor = connection.cursor()rncursor.execute("call Proc_Set_Isread(%s,%s)",[id,'1'])rnfor row in cursor.fetchall(): rn ...rn rn我想是因为connection.connection.commit()的原因rn因为要想返回数据就不能用connection.commit(是不是这样????)rn但不用commit,更改就不能生效..... rnrn我在存储过程中调用其它存储过程,也不能解决这个问题...rn请问在django/python中,有没有即提交了数据,又查询到结果的好方法.rn
Django访问数据库接口
Django访问数据库接口 管理器(Manager)是Django的模型进行数据库查询操作的接口。Django 应用的每个模型都拥有至少一个管理器。默认情况下,Django 为每个模型类添加一个名为objects的管理器。管理器只能通过模型类访问,是对整个表进行操作的,不能通过模型实例访问。 以下面两个模型为例: class Musician(models.Model):
django允许外部访问
1关闭防火墙service iptables stop 2设置django开开启django时,使用0.0.0.0:xxxx,作为ip和端口例如:python manage.py runserver 0.0.0.0:9000然后在settings里修改ALLOWED_HOSTS = [],改为ALLOWED_HOSTS = ['*',],注意不要漏掉“,”。其他机器就可以通过这台机器的ip和端口号
django中的启动访问
使用cmd的CD命令打开项目主目录(存在manage.py的目录),之后输入python manage.py runserver 0.0.0.0:80 如其他机器还是无 法访问请检查settings.py中有没有这一句:ALLOWED_HOSTS = ['*'],如果没有'*'那么就不会启动成功。
django上传图片并访问
在settings.py文件中设置MEDIA_URL为文件存储路径 MEDIA_ROOT= os.path.join(BASE_DIR,'media').replace('\\', '/') MEDIA_URL='/media/' 在项目app的同级目录中创建media文件夹 在models.py文件中 logo = models.ImageField(upload_to='user/im...
Django 访问流程
Django 访问流程 访问流程 用户通过浏览器发送请求,到达WSGI服务器,使用其handler方法来处理HTTP请求(其实最终是调用wsgiref.handlers.BaseHandler中的run方法处理); 请求到达request中间件,中间件对request请求进行预处理或者直接返回response; 如果没有response,到达url进行匹配,找到相应的视图函数; 视图函数...
django访问优化
数据库表在经常使用的数据库表格,在数据很大的时候可以给某些字段添加一个unique =True,这个就相当于给数据库添加了一列,数据库内部处理提高效率。但是不需要每一个都添加,这个就有一个古老的问题空间换时间还是时间换空间。字段查询返回使用的字段,返回所有的字段会比查询返回默写字段耗时查询filter,exclude进行过滤数据会把查询操作放在数据库中优于用python语言进行手动处理...
django 模板访问数组
django的模板系统里有什么标签可以访问views传进去的数组吗?rn比如rn%for a in arrar% #array 是view传进来的一个数组,array有2个元素 array[0],arrary[1],下面我怎么能访问到这2个元素呢?rn .......................rn rn %endfor %
如何从公网访问本地Django项目
今天在处理项目时,就遇到如题说的这个问题,原以为这个问题很简单 首先根据自己的想法做了一遍, 其次,百度搜索,按百度上说的操作一遍,还是不行,继续搜索这个问题的答案,发现很多文章写的思路和方法都是一样的,估计很多是抄的,大概的思路就是这样: 1、开启django时,使用0.0.0.0:xxxx,作为ip和端口,例如:python manage.py runserver 0.0.0.0:900...
django使用局域网访问django服务器
1. 关闭主机电脑上的防火墙 2.在你的settings.py文件中,找到ALLOWED_HOSTS=[ ] ALLOWED_HOSTS = ['*',] #*代表所有地址都可以访问 或者设置 ALLOWED_HOSTS = ['192.168.1.200',] #代表要使用的ip的地址访问 3.使用:python manage.py runserver 0.0.0.0:800...
入门 Nuxt.js(二)
在前一篇文章中,我已经介绍了 Nuxt.js 的一些特点和简单的安装使用,这篇文章主要用来介绍这个框架的目录结构和最为重要的服务端渲染。 目录结构 服务端渲染 ...
nuxt.js使用代码编辑器codemirror
1.安装 npm install vue-codemirror --save 2.在plugins中创建nuxt-codemirror-plugin.js import Vue from 'vue' import VueCodemirror from 'vue-codemirror' // language import 'codemirror/mode/vue/vue.js' //...
nuxt.js带你入门
代码见:https://github.com/binliuli/nuxt.git 官网:https://zh.nuxtjs.org/guide/installation 框架搭建步骤见:(根据选择选择自己对应的插件等) 一、配置less预编译处理器: npm i less less-loader --save-dev //安装后,就可以直接使用 二、打包部署流程 官方推荐的...
学习使用Nuxt.js
Nuxt.js是什么? Nuxt.js 是一个基于 Vue.js 的通用应用框架。 通过对客户端/服务端基础架构的抽象组织,Nuxt.js 主要关注的是应用的 UI渲染。 为什么要用Nuxt.js? 普通的SPA(单页应用)不利于搜索引擎的SEO操作;尤其是像新闻资讯一类主要吸收流量的项目如果不能被搜索引擎的,那将是致命的; Nuxt.js做了什么? 首先我们来看看Nuxt.js的特性:...
vuejs 服务端渲染 nuxt.js
有哪位大神用过该技术?目前网上文档很有限nn一个.vue文件里引用多个组件视图,每个组件中都有asyndata方法调用接口数据,为什么只有一个组件的该方法会执行到,其余组件中的该方法均不执行???
Nuxt.js 学习之路
诞生 最主要的原因时使用vue-cli搭建的SPA(单页应用)不利于搜索引擎的SEO操作.,但是随着技术的普及,很多人想用Vue开发多页应用,并在SSR(服务器端渲染)。Nuxt.js框架出现,简化了SSR的开发难度。还可以直接用命令把我们制作的vue项目生成为静态html。 一 Nuxt.js介绍 Nuxt.js 是一个基于 Vue.js 的通用应用框架。 通过对客户端/服务端基础架构的抽象组织...
Nuxt.js设置页面跳转过渡动画
1.在/assert目录下建立一个page-transletion.css文件,里面包含过渡动画内容,内容如下: .page-enter-active, .page-leave-active { transition: opacity .5s; } .page-enter, .page-leave-active { opacity: 0; } 2.在nuxt.
相关热词 c# stream 复制 android c# c#监测窗口句柄 c# md5 引用 c# 判断tabtip 自己写个浏览器程序c# c# 字符串变成整数数组 c#语言编程写出一个方法 c# 转盘抽奖 c#选中treeview