• vue 3.0 vue-cli项目搭建要点


    一、使用vue-cli搭建项目(可使用vue ui图形化界面搭建项目,配置dist时,将名称设为项目名称)

    二、项目搭建后

      1、配置vue.config.js

        // 翻阅文档https://cli.vuejs.org/zh/config/#vue-config-js

        配置publicPath

        

        设置反向代理,用于本地跨域使用,仅使用于开发环境

        

       2、在main.js中配置axios

       (主要是为了配置baseURL,让其值设置为process.env.BASE_URL

        

        3、添加.env文件(默认是开发环境

             

        .env文件里面包含两部分:

          a、配置NODE_ENV告诉我们这是什么环境(开发、测试、生产等环境)

          b、配置不同环境下的BASE_URL(开发,测试,生产等环境)

        添加.env.production文件(生产环境

        

        添加.env.test文件(测试环境

        

      4、配置package.json文件

          项目搭建最初的package.json文件(打包时使用npm run build命令

        

        配置以后的package.json

        

        npm run build:test打包命令,打包以后使用.env.test文件, process.env.BASE_URL = .env.test(测试环境)中的BASE_URL

        npm run build:prod打包命令,打包以后使用.env.production文件,process.env.BASE_URL = .env.production(生产环境)中的BASE_URL

        生产环境和测试环境,只需要通过不同的命令即可打包成不同环境下需要的项目,无需再配置其他东西

    【注意】

    npm run serve 即可运行项目 通过 ip 访问,用手机访问时如果加载失败,可能是防火墙的问题,需要配置防火墙

  • 相关阅读:
    C#中sizeof的用法
    C#托管堆对象实例包含什么
    C#引用类型转换的几种方式
    C#中结构(struct)的部分初始化和完全初始化
    C#值类型装箱后能改变其值吗
    C#程序集系列13,如何让CLR选择不同版本的程序集
    C#程序集系列12,C#编译器和CLR如何找寻程序集
    C#程序集系列11,全局程序集缓存
    C#程序集系列10,强名称程序集
    C#程序集系列09,程序集签名
  • 原文地址:https://www.cnblogs.com/rachelch/p/10892374.html
Copyright © 2020-2023  润新知