Vue 2 上手（三）

一、通过脚手架创建项目

基于脚手架 5.0.8

在目标文件夹中打开 端口  输入 vue creat +项目名

创建好项目后，通过 CS CODE 的端口打开

在终端输入 npm run serve

二、Element的使用 

1、引入依赖

在终端输入 npm i element-ui -S   

2、在main,js引入

 

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

Vue.use(ElementUI);

三、代理转发 

在 vue.config.js 里

devServer:{
    proxy:{
      'api':{
        target:"http://localhost:9090/wbx",
        pathRewrite:{
          '^/api':''
        }
      }
    }
  }

 注意：vue提供的代理转发技术仅用于开发环境中，当项目真的打包部署到服务器上，我们设置的代理转发就无法使用了

解决：1、前后端项目都部署到同一服务器上

        2、将前端部署到nginx服务器上，由nginx去做代理转发

四、解决session-ID不变

 图中2两个地方要一致