django与vue 前后端分离开发,自测一系列设置,跨域,路由中间件

本文详细介绍了在Django和Vue项目中进行前后端分离开发时,如何配置路由中间件和解决跨域问题。在Vue的dev.env.js和index.js中进行了相关设置,同时在Django的settings.py中处理了跨域策略。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

路由中间件设置:

本地设置路由是localhost:8000:

首先在vue里开始设置:

在confi文件夹下,设置dev.env.js

代码如下:

'use strict'
const merge = require( 'webpack-merge')
const prodEnv = require( './prod.env')

module. exports = merge( prodEnv, {
NODE_ENV: '"development"',
API_HOST: '"http://localhost:8000"' // 开发环境接口地址(这里是增加的内容)
})

然后在index.js下:

proxyTable: {
'/api' : {
target: 'http://localhost:8000/', //代理接口
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值