vue cli3.0 解决跨域问题和axios等问题，配合Django

1 跨域问题

Django其实不用改，该前端就行了。

1、在项目的根目录建vue.config.js文件，书写如下：

module.exports = {devServer: {open: true, // 是否自动弹出浏览器页面host: "localhost",port: '8080',proxy: {'/api': {target: 'http://127.0.0.1:9000', // 请求服务器根路径changeOrigin: true, // 是否跨域ws: true, // websocketpathRewrite: { // 重写路径: 当检测到请求地址里包含 /v1 时,将此路径进行跨域代理操作'^/api': '/api'}}}}
}

2、还没完！！！！！！然后注意，要修改请求：

 axios.get('/api/test/').then(res=>{console.log(res)})

就是将

 axios.get('http://localhost:9000/api/test/').then(res=>{console.log(res)})

改成上面那样！！！！！！！不改还是会报错的！！！

2 axios

npm add axios

直接在vue文件中用，不要去搞成全局的（修改main）,很丑而且很傻逼！


<script>
import axios from 'axios';export default {name: "User",data() {return {page_info: 'This is User Info',}},created() {axios.get('/api/test/').then(res=>{console.log(res)})}
}
</script>

vue cli3.0 解决跨域问题和axios等问题，配合Django相关推荐

Vue + Nodejs + Express 解决跨域的问题
Vue + Nodejs + Express 解决跨域的问题首先检测你的Vue的版本号此文章针对3.0版本解决跨域问题 $ vue -V 2.X or 3.X 直接访问如下 created() { ...
vue反向代理解决跨域及部署nginx端口转发解决跨域
1. 前言本文是为了解决vue反向代理解决跨域及部署服务器nginx端口转发解决跨域,因为踩了不少的坑,百度了很多,也试了太多的方法,最终得以解决,所以记录一下,希望遇到同样问题的友友们可以高效的解 ...
VUE部署nginx解决跨域问题
VUE部署nginx解决跨域问题 Vue的代理跨域问题,需要确定的是在开发阶段可以使用,部署到服务器后出现请求失败的问题(404),如下图. VUE配置的代理 Vue的代理跨域问题,需要确定的是在开发 ...
No ‘Access-Control-Allow-Origin‘ header is present on the requested resource Vue配置代理解决跨域问题
前言在进行web开发进行数据请求的时候常常会遇到跨域问题导致无法请求数据. 如果采用如下方法向http://localhost:4000服务器发送getStudents进行接口数据请求,在后端没有处 ...
.Net Core 6.0 解决跨域
Program类中配置 #region 配置跨域 builder.Services.AddCors(c => {c.AddPolicy("Cors", policy => ...
Jfinal3.0 解决跨域的问题
1.添加一个拦截器: public void configInterceptor(Interceptors me) {me.add(new GlobalActionInterceptor());} 拦 ...
在Vue2中怎么解决跨域
Vue中怎么解决跨域问题协议域名端口相同为同域否则都为跨域这就是需要用跨域来请求数据的报错第一步:在vue项目中的跟目录下创建一个 vue.config.js ,文件名是固定的,不一样就会报错 ...
【全栈项目上线（vue+node+mongodb）】06.nodejs服务上线（生产环境前后分离的vue项目中怎么解决跨域问题）...
以下操作使用下面项目为案例 https://github.com/itguide/vnshop ## 启动node服务克隆好项目后记得把依赖包安装好 npm i 使用 node 启动node服务 c ...
vue+Java后端进行调试时如何解决跨域问题
今天在开发过程中遇到一个问题,拿到了一套vue代码,计划对这套代码的部分样式进行调整,Java后端代码已经写好并且部署到了线上.这时命令行运行vue项目时访问会受限,取不下数据来,遇到了跨域访问失败的 ...
vue 解决跨域调试_vue+Java后端进行调试时解决跨域问题的方式
今天在开发过程中遇到一个问题,拿到了一套vue代码,计划对这套代码的部分样式进行调整,Java后端代码已经写好并且部署到了线上.这时命令行运行vue项目时访问会受限,取不下数据来,遇到了跨域访问失败的 ...

vue cli3.0 解决跨域问题和axios等问题，配合Django

1 跨域问题

2 axios

vue cli3.0 解决跨域问题和axios等问题，配合Django相关推荐

最新文章

热门文章