vue.config.js devserver
时间: 2023-05-10 13:01:26 浏览: 112
vue.config.js
vue.config.js文件是VueCLI3.x中自定义配置的入口,可以配置很多内容,其中包括devServer。devServer是Webpack提供的开发环境服务器,可以在本地起一个服务器来调试开发时的代码。通过vue.config.js中的devServer配置可以对这个开发环境服务器进行定制化设置,比如设置本地服务的IP地址、端口号、是否开启https等。
除了这些基本的配置,还可以设置proxy代理,用来解决前端跨域问题;设置before函数,用来在webpack内部的服务器启动之前提供自定义的中间件;设置historyApiFallback,用来支持页面路由模式的单页应用,避免默认404页面的场景,提供更好的用户体验。
总之,devServer是VueCLI3.x中一个非常重要的开发工具,Vue官方提供了一系列可定制化的devServer配置项来优化和提升开发体验,开发者可以根据自己的需要对它进行定制化配置,提高开发效率和用户体验。
阅读全文