在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue打包后axios請求路徑錯(cuò)誤

vue打包后axios請求路徑錯(cuò)誤

這是index.js配置clipboard.png

這是在store里面請求數(shù)據(jù)時(shí)clipboard.png
開發(fā)時(shí),他會吧 api裝車成http://localhost:8888

但是打包后她就沒有轉(zhuǎn)換了 直接是api
clipboard.png
我哪里還需要配置嗎?
還有打包是,js跟css路徑也有錯(cuò)誤

回答
編輯回答
練命

anios.get(url),url要寫絕對路徑,要把ip或則http://localhost和端口號寫全.

2017年4月26日 07:32
編輯回答
你的瞳

api 接口一般來講不會和 H5 部署在一個(gè)站點(diǎn),所以打包后 ajax 請求是需要帶上 api 域名的。
故在使用 axios 的時(shí)候應(yīng)該考慮不同的環(huán)境使用不同的配置。

配置

使用不同配置的方法有很多,這里貼一下我用的方式(放到src/config是為了開發(fā)時(shí)修改配置不用重啟)
clipboard.png

dev環(huán)境

export default {
  apiBaseUrl: '/apidomain',
};

prod環(huán)境

export default {
  apiBaseUrl: 'http://www.yimo.link',
};

代理設(shè)置

proxyTable: {
  '/apidomain':{
    target:'http://test.api.com',//dev接口
    changeOrigin:true,
    pathRewrite: {
      '^/apidomain': ''
    }
  }
}

使用

import config from 'config'
import axios from 'axios'

axios.get(config.apiBaseUrl+"/...")

不過在正式項(xiàng)目中一般會設(shè)置一個(gè)過濾器來創(chuàng)建一個(gè)通用的實(shí)例使用
具體的話可以參考下之前寫的一個(gè)demo項(xiàng)目

2017年1月10日 13:57
編輯回答
伐木累

index.js中的設(shè)置是開發(fā)環(huán)境下跨域代理,生產(chǎn)環(huán)境沒用的,針對這種生產(chǎn)環(huán)境,開發(fā)環(huán)境下請求不同域名的問題,你可以參考下我的這篇文章 vue-cli 搭建的項(xiàng)目處理不同環(huán)境下請求不同域名的問題,

2017年2月11日 23:11
編輯回答
伐木累

樓主解決問題了嗎

2017年3月14日 09:09