解决在VUE项目中的package.json文件中修改“scripts“: { “serve“: “vue-cli-service serve --open“,}浏览器显示无法访问此网站的问题

将vue.config.js里面的代码替换成下面的即可

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
// 生成的 HTML 中的 <link rel="stylesheet"> 和 <script> 标签上启用 Subresource Integrity (SRI)

  integrity: false,

  transpileDependencies: true,
// eslint-loader 是否在保存的时候检查

  lintOnSave: false,  

  // webpack-dev-server 相关配置

  devServer: {

    open: true,

    host: '127.0.0.1',

    port: 8080,

    https: false,

    hot: 'only',  

    // http 代理配置（下面的内容是你在用代理服务器的时候用的，这里可以删掉）

    proxy: {

      '/api': {

        target: 'http://192.168.1.31:7090',// 后端接口

        changeOrigin: true, // 是否跨域

        pathRewrite: {

          '/api': ''

        }

      }

    }

  }

})