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

Mzp风可名喜欢

已于 2023-03-11 16:02:03 修改

阅读量655

点赞数

文章标签： vue.js

于 2023-03-08 09:42:34 首次发布

本文链接：https://blog.youkuaiyun.com/mzp520lf/article/details/129396902

版权

这篇文章展示了如何修改vue.config.js文件，启用SubresourceIntegrity特性，配置不进行依赖转译，关闭ESLint保存时检查，设定开发服务器自动打开、指定Host、Port和HTTPS选项，并设置API请求的代理规则，指向特定的后端接口地址。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

将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': ''

        }

      }

    }

  }

})