本文介绍: 该文章主要包括以下几个内容1、vue3+vite项目配置项目启动默认打开浏览器方法2、vite.config.js中关于server的相关配置说明3、配置server报错解决方法4、vue2项目中配置项目启动默认打开浏览器方法

目录

项目启动自动打开浏览器

server配置的说明

配置server时的报错

vue2项目启动自动打开浏览器的配置


正常情况下,刚创建的项目在执行npm run dev命令后不会自动打开浏览器,为了方便可以设置项目启动自动打开浏览器

项目启动自动打开浏览器

方法一:

package.json文件夹下在devbuild命令后面添加open,重新执行npm run dev命令即可

  "scripts": {
    "dev": "vite --open",
    "build": "vite build --open",
    "preview": "vite preview"
  },

 方法二:

vite.config.js文件中配置server

export default defineConfig({
  plugins: [vue()],
  server: {
    host: '127.0.0.1',
    port: '8888',
    open: true,
    https: false
  },
})

server配置的说明

  server: {
    host: '127.0.0.1',// 指定服务器应该监听哪个 IP 地址
    port: '8888', // 指定开发服务器端口
    strictPort: false, // 设为 true 时若端口已被占用则会直接退出,而不是尝试一个可用端口
    open: true, // 开发服务器启动时,自动浏览器打开应用程序
    https: false // 是否开启 https
  },

ps:关于proxy的配置后面会单独进行说明。

配置server时的报错

1、Error: getaddrinfo ENOTFOUNDlocalhost.my.com
    at GetAddrInfoReqWrap.onlookup [as oncomplete] (node:dns:71:26)

或者是报如下错误

可以修改hhosts文件hosts文件位置:C:WindowsSystem32driversetc

可以hosts文件中配置要访问名称

然后运行项目之后host名称就会修改为配置的名称

 

vue2项目启动自动打开浏览器的配置

vue2项目需要config文件夹下进行设置设置方法如下:

autoOpenBrowser: true

 

原文地址:https://blog.csdn.net/Celester_best/article/details/129780676

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。

如若转载,请注明出处:http://www.7code.cn/show_7579.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱:suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注