vue-cli学习

一 vue.config.js

//这显示的是根目录形式 const path = require("path"); // root/src/'dir' const resolve = dir => { return path.join(__dirname, dir); }; const BASE_URL = process.env.NODE_ENV === "production" ? "./" : "./" module.exports = { publicPath: BASE_URL //部署路径 比如之前上线的mix app-h5 outputDir:XX //当运行 vue-cli-service build 时生成的生产环境构建文件的目录。默认是dist文件 assetsDir:XX //放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。默认'' indexPath:XX //指定生成的 index.html 的输出路径 (相对于 outputDir)。默认'index.html' //在 多页面 模式下构建应用。每个“page”应该有一个对应的 JavaScript 入口文件 pages: { index: { // page 的入口 entry: 'src/index/main.js', // 模板来源 template: 'public/index.html', // 在 dist/index.html 的输出 filename: 'index.html', // 当使用 title 选项时， // template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title> title: 'Index Page', // 在这个页面中包含的块，默认情况下会包含 // 提取出来的通用 chunk 和 vendor chunk。 chunks: ['chunk-vendors', 'chunk-common', 'index'] }, // 当使用只有入口的字符串格式时， // 模板会被推导为 `public/subpage.html` // 并且如果找不到的话，就回退到 `public/index.html`。 // 输出文件名会被推导为 `subpage.html`。 subpage: 'src/subpage/main.js' } // 如果你不需要使用eslint，把lintOnSave设为false即可 lintOnSave: true, //路径别名 chainWebpack: config => { config.resolve.alias .set("@", resolve("src")) // key,value自行定义，比如.set('@@', resolve('src/components')) .set("_c", resolve("src/components")); }, // 设为false打包时不生成.map文件 productionSourceMap: false, //如果你的前端应用和后端 API 服务器没有运行在同一个主机上，你需要在开发环境下将 API 请求代理到 API 服务器 devServer: { proxy: { "/api/forum": { target: "http://192.168.200.81:6906", // target: "http://cote.3songshu.com", changeOrigin: true }, "/api/middle": { target: "http://192.168.200.81:6906", // target: "http://cote.3songshu.com", changeOrigin: true } } } // devServer: { // // 当前网络运行ip地址, 使用ifconfig 指令查看. // // host: '10.73.51.158', // port: '8080', // proxy: { // '/api': { // // 需要调用的接口地址. // target: 'https://uatapi.rock.tech/', // ws: true, // changeOrigin: true, // } // } // } }