前端需要做的基本操作

创建项目

在需要创建项目文件夹里打开终端输入：vue create 自定义的名字

选择历史模板或者自己重新创建模板

使用前端框架：

Element - 网站快速成型工具

安装 npm i element-ui -S

在main.js中引入

import ElementUI from 'element-ui';

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

Vue.use(ElementUI);

解决跨域问题

安装 npm install axios

在main.js中引入

import axios from 'axios'
Vue.prototype.$axios = axios

在vue.config.js中：

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  devServer: {
    //前端占的端口号
    port: 8082,
      proxy: {
        "/api": { // 配置被代理服务器代理规则
          target: 'http://127.0.0.1:8081',   // 代理服务器的目标服务器
          changeOrigin: true, // 是否为跨域请求
          pathRewrite: {
            '^/api': '/' // 去掉匹配规则，用/替换/api
          }
        }
      }
    }
})