运行 npm run serve 命令成功启动 Vue 项目后,将  http://localhost:8080/  复制在浏览器的地址栏中,页面出现如下报错:

 解决法案:在项目的 vue.config.js 文件中配置 devServer 属性即可:

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  devServer: {
    open: true,
    host: 'localhost',
    port: 8080
  }
})

最后重启项目,即可在 localhost:8080正常显示页面。

Logo

前往低代码交流专区

更多推荐