前后端分离的项目中需要注意的问题

首先构建一个vue项目

1.安装axios::::npm install axios -g

2.安装element  ui：：：：： npm i element -ui -s

3.在main.js里面引入

import Vue from 'vue'

import App from './App.vue'

import router from './router'

// 引入element ui

import ElementUI from 'element-ui';

import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

4.添加vue.config配置跨域的代理

let proxyObj={}

proxyObj['/']={

    ws:false,

    //请求后端的接口

    target:'http://localhost:8081',

    changeOrigin:true,

   pathRewrite:{

       '^/':'/'

   }

}

5.添加api.js封装get put  post delete请求    也可以axios的 响应拦截器

 

6.配置路由 router下面的index.js里面配置相应的路由

 

 7.编写页面

需要在页面上导入封装的请求 get put post delete