vuecli3 跨域 · 常用笔记

# vuecli3 跨域 ### vurecli3 跨域问题 1。首先在根目录创建vue.config.js文件 ``` <pre class="calibre13">``` module.exports = { devServer: { host: 'localhost', port: '8081', https: false, hotOnly: false, proxy: { '/api': { target: 'http://localhost:8080', // API服务器的地址 ws: true, // 代理websockets changeOrigin: true, // 虚拟的站点需要更管origin pathRewrite: { // 重写路径 '^/api': '' } } } } } ``` ``` ``` <pre class="calibre14">``` import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' import axios from 'axios' Vue.config.productionTip = false new Vue({ router, store, render: h => h(App) }).$mount('#app') // 创建axios实例 const instance = axios.create({ // baseURL: 'api', timeout: 5000 }) const param = new URLSearchParams() param.append('levyId', '34156') // http://mer.bjlinggong.com/trans-business/clientBusiness/common.do // http://api.youfupingtai.com/pctrans-business/clientBusiness/common.do param.append('daxiongUrl', 'http://39.98.220.12:8280/trans-business/clientBusiness/common.do') param.append('priKey', 'MIICdwIBADANBgkqhkiG9w0BAQEFAASCAmEwggJdAgEAAoGBAI5BV4LKgpuZZs6NKRFlglgIPz496JiQmhAQ+ux23KeC5G3WzYx3aLbSJ3Wcy+CHDzPwqP+txReLjgz8JmsU40g2XhEzGrP4tpcOXrhSO6fV/3ydaIX4nOjqljCUH5Iox3+laP/zLjsOSAWi9ZaeXO4KZ1YvmiUNkq14uG1i5i59AgMBAAECgYBla/a9fC6US1F98CyYh5vfsbmNYcwkgewlikWsM65sC6lbGmugOz5AIiMZ+nltEj3nlSyYZccAW3Iild+6NsE3mSDiuCTjZRrW5L8eG8+Tr7If8q3B1g+Ylw6+Djsuc8vG0nk3qqEoWr9jU0SMi1xaFrnV00LqZyMlin7Fm6uEzQJBAM0YmhSL5JwPEzMiKyf5gNclAIzi0FXBAUXhebDy3YmLl1nGy94DrX5Y/oTayAoI42YT4ftbYCjvTFAQWawtJOsCQQCxj/Tw/J61qw9Vios7Pp8HzpS8qK8LzIANBvUAXsXuC9aCehHq1P1XszWKurmg88Dmw1y6A1uuoq97LXFnycA3AkEAo/jDVyHxCAPVadAriK4ln9xpcDn2Llk8V05JKHtDOzBrNM+HNlziXF1yP21a+QraI0ZKKdeILbID5Q7tYoZFOQJARlqCs8V0YQjhL4SQfC3otyAsIMA5c1RY3FCIXNgwVoyMNvCFDuXLZ6dTLJ+lk1dhdE2t/On9tqkxHH458+SlawJBAK1b9kR96fvTyyjCTd2KMjKAYygxFlcJ4dnJcaIFRgFazDwH/KVfyswDe3nTbVT4fKhS5cKsrEYncspPelyfJsk=') param.append('pubKey', 'MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCXFtJNcCv9X+pfOz+jy4WO+7KC0tdtDGfW/XrJOFn6mTR/TpJrsLzwssTyj0hDfUla1xDCbAWlUEkzb64jsPKk9WACupLOOrnEy7NuG0O5jg36UXle+m5/uDm8B/KGV9BQmEt+EOIbl2IzNYS4GflkbCTtkbzMc+DXetl3IHM1+wIDAQAB') param.append('charset', 'UTF-8') param.append('apiKey', '73E5C9C6D6A1155EF5C78B4282DADBCE') param.append('merId', '89900000610116178476') param.append('reqId', '60181623910710169') param.append('startDate', '2021-06-01 00:00:00') param.append('endDate', '2021-06-31 00:00:00') instance({ url: '/api/sbh/querySbhTransactionFlow', method: 'post', data: param }).then(res => { console.log(res) }).catch(err => { console.log(err) }) ``` ```