vue3学习之路-项目启动自动打开浏览器以及server配置

目录

项目启动自动打开浏览器

server配置的说明

配置server时的报错

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

---

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

项目启动自动打开浏览器

方法一：

在package.json文件夹下在dev和build命令后面添加--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', // 指定开发