没有合适的资源？快使用搜索试试~ 我知道了~

首页vue 接口请求地址前缀本地开发和线上开发设置方式

vue 接口请求地址前缀本地开发和线上开发设置方式

vue

接口请求

本地开发

6 下载量 101 浏览量更新于2023-03-16 收藏 98KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

试读

3页

主要介绍了vue 接口请求地址前缀本地开发和线上开发设置方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

资源详情

资源推荐

vue 接口请求地址前缀本地开发和线上开发设置方式接口请求地址前缀本地开发和线上开发设置方式

主要介绍了vue 接口请求地址前缀本地开发和线上开发设置方式，具有很好的参考价值，希望对大家有所帮助。

一起跟随小编过来看看吧

开发环境 config/dev.env.js

'use strict'

const merge = require('webpack-merge')

const prodEnv = require('./dev.env')

module.exports = merge(prodEnv, {

NODE_ENV: '"development"',

API_ROOT: '"https://www.dev.com"' //本地请求前缀

})

线上开发环境 config/prod.env.js

'use strict'

const merge = require('webpack-merge')

const prodEnv = require('./prod.env')

module.exports = merge(prodEnv, {

NODE_ENV: '"production"',

API_ROOT: '"https://www.prov.com"' //线上请求前缀

})

在请求之前，组装URL，axios.js

import Axios from 'axios';

var root = process.env.API_ROOT;

//请求拦截

axios.interceptors.request.use((config) => {

//请求之前重新拼装url

config.url = root + config.url;

return config;

});

页面使用模板：

export default {

name: 'Order',

data () {

return {

order_list: []

}

methods: {

fetchList: function () {

this.$axios.post('/api/order_list').then((res) => {

if(res.result === '0000'){

this.order_list = res.data;

}

});

}

补充知识：补充知识：vue中中axios固定固定url请求前缀请求前缀

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余2页未读，立即下载

weixin_38705014

粉丝: 4
资源: 935

上传资源快速赚钱

我的内容管理收起

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

会员权益专享

vue 接口请求地址前缀本地开发和线上开发设置方式

vue自动添加浏览器兼容前后缀操作

vue配置接口域名方法总结

详解vue-cli本地环境API代理设置和解决跨域

vue项目请求没有固定前缀的后端接口怎样配置代理

vue项目请求没有固定前缀的后端接口怎样配置代理，注意：没有/api的前缀

前端 vue 接口请求超时终止当前请求

vue接口请求超时处理

vue生产环境请求加前缀

vue开发环境和线上环境如何切换

vue3+vite动态加载路由，本地路由和线上路由匹配

vue2请求接口跨域

uniapp vue3 接口请求封装和调用

docker使用nginx部署vue后，请求后端接口变成404，请求路径的前缀变了，用了prod的前缀，该如何处理让接口请求正常？

vueaxios请求封装

vue预览本地或线上word文档

vue在接口请求时如何携带cookie

vue同步请求接口的写法

vue项目的网络请求为啥是 localhost

vue3基于ts完美开发环境和线上环境的axios 封装

vue项目打包后请求前缀变了，导致接口404，怎么处理？

会员权益专享

最新资源