VUE CLI3.0安装及配置

https://www.cnblogs.com/xzybk/p/11590353.html


# 安装
npm install -g @vue/cli

# 查看已安装版本
vue --version 或者 vue -V

# 卸载
npm uninstall @vue/cli -g

# 新建项目
vue create my-project

# 初始项目
cd my-project
npm install
# 项目启动
npm run serve

# 打包
npm run build

在项目根目录新建文件  vue.config.js 
module.exports = {
    devServer: {
      port: 8080,                                                                                  // 端口号
      host: "localhost",
      https: false,                                                                          // https:{type:Boolean}
      open: true,                                                                           //配置自动启动浏览器
      // proxy: 'http://localhost:4000'                                          // 配置跨域处理,只有一个代理
      proxy: {
        "/api": {
          target: "",                                                              //接口地址
          ws: true,                                                                       //是否代理websockets
          changeOrigin: true                                                            // 设置同源  默认false,是否需要
改变原始主机头为目标URL
        },
        "/foo": {
          target: ""
        }
      }                                                                                 // 配置多个代理
      
    },
    lintOnSave: false                                                       // 关闭eslint代码检查
  };


# 初始
npm install

在引用的时候 直接 用‘/api’  代替路径

你可能感兴趣的:(vue)