什么是vuecli搭建项目ip和localhost都能访问？
Vue CLI是一个基于Vue.js进行快速开发的完整系统，它帮助开发者搭建基于Vue.js的前端工程化项目。在使用Vue CLI搭建项目时，默认情况下，项目只能通过localhost来访问，这是因为开发服务器仅将请求限制在本地环境中。
如何让vuecli搭建项目ip和localhost都能访问？
为了让项目既能通过localhost访问，又能通过IP地址访问，需要进行以下步骤：
步骤一：查看本地IP地址
首先，需要查看本地电脑的IP地址。在Windows操作系统中，可以通过在命令提示符中运行ipconfig命令来获取IP地址。在Mac OS中，可以通过在终端中运行ifconfig命令来获取IP地址。
步骤二：修改Vue CLI配置文件
接下来，打开Vue CLI项目的根目录，找到并打开vue.config.js文件。如果该文件不存在，则需要在根目录下创建一个新的vue.config.js文件。
步骤三：配置Vue CLI开发服务器
在vue.config.js文件中，找到devServer配置项，并将其修改为以下方式：
module.exports = {
devServer: {
host: '0.0.0.0',
port: 8080,
disableHostCheck: true
}
};
以上配置中，host值设置为'0.0.0.0'，表示允许通过所有IP地址来访问。port值可以根据需要进行修改。disableHostCheck为true表示禁用域名检查，允许通过IP地址来访问项目。
步骤四：重新启动Vue CLI开发服务器
保存vue.config.js文件，并重新启动Vue CLI开发服务器。在终端中进入Vue CLI项目的根目录，运行命令npm run serve来启动开发服务器。
步骤五：通过IP地址访问项目
在启动开发服务器之后，通过浏览器输入本地电脑的IP地址和端口号（例如http://192.168.0.100:8080）即可访问Vue CLI搭建的项目。
通过以上步骤，你就可以实现让Vue CLI搭建的项目既能通过localhost访问，又能通过IP地址来访问了。
转载声明：本站发布文章及版权归原作者所有，转载本站文章请注明文章来源！
