vue打包工具

vue打包

操作步骤:

1.在根目录下,创建文件.env.development和.env.production

在两个文件中输入以下代码:

# 开发环境  .env.development
VUE_APP_URL = http://localhost:3003

# 生产环境 .env.production
VUE_APP_URL = http://huruqing.cn:3003

配置好之后,在项目的其他的地方可以使用 process.env.VUE_APP_URL

若是我们使用的是 axios 请求数据,则可以配置 axios 的 baseURL

放在拦截器里面

const service = axios.create({
  // 配置基本的路径
  baseURL: process.env.VUE_APP_URL,
  timeout: 5000
});

然后将输入nodejs代码在控制台上

1.如果后台服务器支持的化就可以不使用hash的传参，如果不支持的话需要使用hash
2.然后在终端里面输入 npm run build

一个服务器网站放多个项目的配置

1.使用vue-router使用hash的传参方式
2.vue.config.js的配置（在根目录下面创建）

module.exports = {
  lintOnSave: false,
  publicPath: '/fresh/huruqing/', // 基本路径
  outputDir: "fresh/huruqing", // 输出文件目录
  lintOnSave: false, // eslint 是否在保存时检查 
  assetsDir: 'static', // 配置js、css静态资源二级目录的位置   
}