• VUE CLI3.0安装及配置


    # 安装
    npm install -g @vue/cli

    # 查看已安装版本
    vue --version 或者 vue -V # 卸载 npm uninstall @vue/cli -g # 新建项目 vue create my-project # 项目启动 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: "<url>",                                                              //接口地址
              ws: true,                                                                       //是否代理websockets
              changeOrigin: true                                                            // 设置同源  默认false,是否需要改变原始主机头为目标URL
            },
            "/foo": {
              target: "<other_url>"
            }
          }                                                                                 // 配置多个代理
          
        },
        lintOnSave: false                                                       // 关闭eslint代码检查
      };
    在引用的时候 直接 用‘/api’  代替路径
  • 相关阅读:
    JavaScript 基础,登录前端验证
    CSS实例:图片导航块
    导航,头部,CSS基础
    web基础,用html元素制作web页面
    web基础
    timestamp与timedelta,管理信息系统概念与基础
    datetime处理日期和时间
    Linux操作系统编程 实验五 块设备实验
    Linux操作系统编程 实验四 字符设备实验
    Linux操作系统编程 实验三 模块编程实验
  • 原文地址:https://www.cnblogs.com/xzybk/p/11590353.html
Copyright © 2020-2023  润新知