1、vue安装

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

2. 创建项目
   vue create new-project

3. 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文件
    }
   

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

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