vue cli 4 3 1跨域問題，已搞定

vue新手的必經之路，跨域請求，搞了好九九

看了很多部落格和文章。。

根目錄下

新建 .env.development 檔案

# just a flag

env = 'development'
# base api
vue_cli_babel_transpile_modules = true

新建 vue.config.js

// vue.config.js

module.exports = ,
host: 'localhost',
port: 80, // 本地埠號
open: false, // 配置自動啟動瀏覽器
hotonly: true, // 是否熱更新
proxy: ,
},},
},};

匯入 qs 和 axios

import qs from 'qs';

import axios from 'axios';

.then((res) => )

.catch((error) => );

使用qs 是因為業務之前 是使用了jquery的，ajax提交方式

主要是看部落格大神們的文章，自己試，感謝部落格各路大神，拜謝！

vue cli 跨域問題 多頁面

vue.config.js 配置 建立config專案和src同一級別 config中的 配置反向 解決跨域問題 例如 ajax target 表示uri module.exports foo 請求 如下 在index.html 同級別建立所需的頁面 例如other.html 在main.vue 同...

vue cli處理跨域問題 備忘

說明 此方式為完全借鑑mall開源 1.找到根目錄config檔案下的index.js，在 dev 的配置中新增配置 config index.js 配置表，在這裡可以配置特定的請求 到對應的api介面 dev 2.開發環境的配置，根目錄config檔案下的 dev.env.js 配置 config...

vue cli專案中的跨域問題

一 開發環境中的跨域 vue cli建立的專案中，前端開發測試中，常會遇到跨域的問題。跨域通常都需要後台配置，不過前端也可以處理，可以直接利用 node.js 伺服器，通過修改 proxytable 實現跨域請求 在config資料夾下的index.js配置中 dev 設定完成一定要重啟 npm r...