vue admin template 修改使用后端接口

1.development和production都改下默认url

2.api接口文件 我的接口就是/login

import request from '@/utils/request'export function login(data) {return request({url: '/login',method: 'post',data // method: 'get',// params: data })}

3. vue.config中的devServer新增 proxy配置

devServer: {port: port,open: true,overlay: {warnings: false,errors: true},proxy: {[process.env.VUE_APP_BASE_API]: {target: "http://172.17.20.18:8088",ws: true,changeOrigin: true,pathRewrite: {['^' + process.env.VUE_APP_BASE_API]: ''}}},// before: require('./mock/mock-server.js')},

4.页面使用接口

<script>import { layout } from "@/api/layout";methods: {submit() {layout(data).then((response) => {console.log(response);});}, }</script>