欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue項目打包為APP,靜態(tài)資源正常顯示,但API請求不到數(shù)據(jù)的操作

 更新時間：2020年09月12日 08:42:02   作者：weixin_34037977  
這篇文章主要介紹了vue項目打包為APP,靜態(tài)資源正常顯示,但API請求不到數(shù)據(jù)的操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

Vue項目通過Hbuild打包為APP后，靜態(tài)文件正常顯示，但并沒有像開發(fā)時那樣請求到數(shù)據(jù)。

這是為什么？因為APP并沒有跨域，不存在跨域一說。

我們在開發(fā)的時候，js在不同的域之間進(jìn)行數(shù)據(jù)傳輸或通信,所以會給項目設(shè)置代理來跨域

config下的index.js

比如這個

proxyTable: {
 '/api':{
  target: 'http://XXX/xxx/v3',
  changeOrigin: true,
  pathRewrite: {
   '^/api': ''
  }
 }
}

在開發(fā)時這樣做是沒錯的，但我們在打包時就不用設(shè)置這個跨域了，打包前直接將這個跨域注釋掉，然后將API請求地址改為絕對地址。例如這樣

let SwipeImg = () => axios({
 // url: 'api/basic/advert/lists',
 url: 'http://xxx.xxx.xx.xx/api/v3/basic/advert/lists',
 params: {
  auth_key: key
 }
})

改好之后在通過Hbuild打包后，APP數(shù)據(jù)就顯示正常了

這里要注意的是，我將打包后的APP放在夜神模擬器里，數(shù)據(jù)顯示還是不正常，但放在自己手機(jī)里就顯示正常，這點要注意

補充知識：vue 項目打包后看不到頁面內(nèi)容

vue 項目打包命令是：

npm run build

如果打包后打開index.html頁面看不到內(nèi)容，有可能就是路徑不對，需要修改config/index.js文件

如下：

 build: {
  // Template for index.html
  index: path.resolve(__dirname, '../dist/index.html'),

  // Paths
  assetsRoot: path.resolve(__dirname, '../dist'),
  assetsSubDirectory: 'static',
  assetsPublicPath: './',//此處為修改的地方，這里加. 
..........
}

以上這篇vue項目打包為APP,靜態(tài)資源正常顯示,但API請求不到數(shù)據(jù)的操作就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

  • vue3點擊出現(xiàn)彈窗后背景變暗且不可操作的實現(xiàn)代碼

    vue3點擊出現(xiàn)彈窗后背景變暗且不可操作的實現(xiàn)代碼

    這篇文章主要介紹了vue3點擊出現(xiàn)彈窗后背景變暗且不可操作的實現(xiàn)代碼,本文通過實例代碼圖文相結(jié)合給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
    2022-08-08
  • Vue路由與a標(biāo)簽鏈接錨點發(fā)生沖突問題及解決

    Vue路由與a標(biāo)簽鏈接錨點發(fā)生沖突問題及解決

    這篇文章主要介紹了Vue路由與a標(biāo)簽鏈接錨點發(fā)生沖突問題及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-03-03
  • vue懸浮表單復(fù)合組件開發(fā)詳解

    vue懸浮表單復(fù)合組件開發(fā)詳解

    這篇文章主要為大家詳細(xì)介紹了vue懸浮表單復(fù)合組件開發(fā)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2022-04-04
  • vue3.0+ts引入詳細(xì)步驟以及語法校驗報錯問題解決辦法

    vue3.0+ts引入詳細(xì)步驟以及語法校驗報錯問題解決辦法

    Vue?3.0是一個非常流行的JavaScript框架,不僅易于學(xué)習(xí)和使用,而且可以與許多UI框架集成,下面這篇文章主要給大家介紹了關(guān)于vue3.0+ts引入詳細(xì)步驟以及語法校驗報錯問題的解決辦法,需要的朋友可以參考下
    2024-01-01
  • Vue自定義全局彈窗組件操作

    Vue自定義全局彈窗組件操作

    這篇文章主要介紹了Vue自定義全局彈窗組件操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-08-08
  • Vue 項目分環(huán)境打包的方法示例

    Vue 項目分環(huán)境打包的方法示例

    這篇文章主要介紹了Vue 項目分環(huán)境打包的方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2018-08-08
  • 詳解從Vue.js源碼看異步更新DOM策略及nextTick

    詳解從Vue.js源碼看異步更新DOM策略及nextTick

    本篇文章主要介紹了從Vue.js源碼看異步更新DOM策略及nextTick，具有一定的參考價值，感興趣的小伙伴們可以參考一
    2017-10-10
  • Vue指令實現(xiàn)OutClick的示例

    Vue指令實現(xiàn)OutClick的示例

    在一般業(yè)務(wù)中監(jiān)聽的最多的就是 Click 事件，但是在一些業(yè)務(wù)比如 Alert 和 Pop 效果時，需要監(jiān)聽在元素外部的點擊來關(guān)閉彈窗。
    2020-11-11
  • vue日歷組件的封裝方法

    vue日歷組件的封裝方法

    這篇文章主要為大家詳細(xì)介紹了vue封裝一個日歷組件的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2022-03-03
  • Vue項目安裝插件并保存

    Vue項目安裝插件并保存

    今天小編就為大家分享一篇關(guān)于Vue項目安裝插件并保存，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧
    2019-01-01

最新評論