vue 配置 proxyTable 解决接口跨域请求 - 会coding的HAM

vue 配置 proxyTable 解决接口跨域请求

BG7ZAG

|

2018-4-27 18:46

|

1,488

|

0

|

171 字

|

1 分钟内

首先在 /config/index.js 中配置 proxyTable ，

proxyTable

proxyTable: {
'/api': {
target: 'https://hcode.xyz',
changeOrigin: true,
pathRewrite: {
'^/api_v1': '/api_v1'
}
}
},

然后在新建个 url.js 文件，路径为： /src/api/url.js

url.js 的内容为：

var ENV = "dev"; // 控制开关,dev 开发环境，release,master环境时改为 prod
export default {
pathUrl:function() {
var URLS = {
dev: {
MJK: '/api_v1',
WEB_URL: {
WEB_MIAO: 'https://hcode.xyz/api_v1'
}
},
prod: {
MJK: 'https://hcode.xyz/api_v1/',
WEB_URL: {
WEB_MIAO: 'https://hcode.xyz/api_v1'
}
}
}
return URLS[ENV];
}
}

最后在 main.js 中配置

import rootPath from './api/url.js';
new Vue({
el: '#app',
router,
components: { App },
template: '<App/>',
data: {
urlPath : rootPath.pathUrl()//通过url.js 控制开发和线上环境
}
})

使用时：

this.$http.post($root.urlPath.MJK + '/sms/sendsms', {
"phone": this.phone,
"type": '1',
}, response => {})

参考 SeaJson

proxyTable Vue 跨域

暂无评论

发送评论编辑评论

Markdown

悄悄话

邮件提醒

|´・ω・)ノ

ヾ(≧∇≦*)ゝ

(☆ω☆)

（╯‵□′）╯︵┴─┴

￣﹃￣

(/ω＼)

∠( ᐛ 」∠)＿

(๑•̀ㅁ•́ฅ)

→_→

୧(๑•̀⌄•́๑)૭

٩(ˊᗜˋ*)و

(ノ°ο°)ノ

(´இ皿இ｀)

⌇●﹏●⌇

(ฅ´ω`ฅ)

(╯°A°)╯︵○○○

φ(￣∇￣o)

ヾ(´･･｀｡)ノ"

( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃

(ó﹏ò｡)

Σ(っ °Д °;)っ

( ,,´･ω･)ﾉ"(´っω･｀｡)

╮(╯▽╰)╭

o(*////▽////*)q

＞﹏＜

( ๑´•ω•) "(ㆆᴗㆆ)

颜文字

Emoji

小恐龙

花!