1、vue安装

使用vue-cli快速构建
npm i -g @vue/cli

创建项目
vue create new-project

http代理配置
在根目录下新建vue.config.js文件

 // 接口地址baseUrl
 const target = {
     dev: 'http://192.168.1.123:6510',  // 开发环境接口地址
     prod: 'http://www.,,,.com:6510'    // 生产环境接口地址
 }

 module.exports = {
     baseUrl: process.env.NODE_ENV === 'production' ? '/dist' : '/', // 部署应用程序的路径，如果为根路径就设置为'/'否则设置为对应目录，设置为空''时表示使用相对路径
     devServer: {
         proxy: {
             '/api': {   // 筛选所有/api请求、将^/api替换为''，并且加上前缀target.dev
                 target: target.dev,
                 ws: true,
                 changeOrigin: true,
                 pathRewrite: {
                     '^/api': ''
                 }
             }
         }
     },
     productionSourceMap: false, // 不生成sourceMap文件
 }

在使用axios写http请求时，可以通过运行环境设置使用不同的接口baseURL：

 const baseURL = process.env.NODE_ENV === 'development' ? target.dev : target.prod