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

解決vue+webpack項(xiàng)目接口跨域出現(xiàn)的問題

 更新時(shí)間：2020年08月10日 10:54:23   作者：辣姐什么鬼  
這篇文章主要介紹了解決vue+webpack項(xiàng)目接口跨域出現(xiàn)的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧

1、config文件夾下index.js文件設(shè)置proxyTable(proxyTable后面的host可以設(shè)置也可以保持默認(rèn)的localhost)

proxyTable: {
 '/api': {
  target: 'http://10.xx.xx.xx:8080/renter-server', // 開發(fā)環(huán)境
  // target: 'http://10.xx.xx.xx:8080/renter-server', // 生產(chǎn)環(huán)境接口
  changeOrigin: true,
  pathRewrite: {
   '^/api': '/'
  }
 }
},
host: '自己的IP或者默認(rèn)的localhost', // can be overwritten by process.env.HOST

在使用axios請(qǐng)求的時(shí)候把所有接口的'http://10.xx.xx.xx:8080/renter-server'部分替換為'/api'

例如我們項(xiàng)目里axios的配置文件夾（自定義的）api下面的index.js文件里有如下配置

let env = process.env.NODE_ENV
let BASE_1, BASE_2
if (env === 'production') {// 生產(chǎn)環(huán)境 正式打包使用
 BASE_1 = BASE_2 = CONFIG.apiHost
} else if (env === 'development') {// 開發(fā)環(huán)境 本地測(cè)試使用
 BASE_1 = BASE_2 = '/api'
}

再用BASE1拼接進(jìn)行請(qǐng)求

axios.get(BASE_1 + '/pc/getHouseList', {params: params})

補(bǔ)充知識(shí)：vue打包后404，webpack配置問題

首先聲明這是基于vue2.x的

1.

將其中build的配置項(xiàng)assetsPublicPath進(jìn)行修改，改為上圖--》目的是將資源文件的引入路徑，改為相對(duì)地址（相對(duì)index.html）

2.html中的js、css、img引入均沒有問題，

但是css中的background-image還是報(bào)404

此時(shí)的問題原因是，使用了相對(duì)地址后，在css進(jìn)行引入的圖片路徑，其相對(duì)的是css文件的路徑

此時(shí)的修改方法是，修改build文件夾中的utils.js文件，增加一行代碼搞定

以上這篇解決vue+webpack項(xiàng)目接口跨域出現(xiàn)的問題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論