vue-cli 3.0 脚手架使用记录

一/ 在2.X中静态资源文件放在static文件夹中，此文件夹里的东西不会被webpack打包，而在3.X中没有该文件，于是我在根目录新建了一个static文件夹存放reset.css文件，出现了在index.html引入reset无效的问题，经过查资料发现3.X中的public文件夹类似于2.X里的static，最终把reset文件放入public文件夹中成功引入

• 注意：public文件夹下的文件并不会被Webpack处理：它们会直接被复制到最终的打包目录（文件名需指定）下。必须使用绝对路径引用这些文件
• vue2.x版本相关参考文章1
• vue2.x版本相关参考文章2
• vue2.x版本相关参考文章3
• vue2.x版本相关参考文章4

二/ 启动服务后自动打开浏览器vue.config.js配置

module.exports = {
    devServer: {
        open: true,  //npm run serve 后自动打开浏览器
    }
}

三/ 跨域请求的vue.config.js配置

module.exports = {
    proxy: {
        '/api': { //匹配所有以‘/api’开头的请求路径
             target: 'http://localhost:4000', //代理目标的基础路径
             changeOrigin: true, //支持跨域
             pathRewrite: { //重写路径：去掉路径中开头的'/api'
                 '^/api': ''
             }
        }
    }
}

proxy配置