一/ 在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': ''
}
}
}
}