vue http https都可以访问

是的，Vue可以通过HTTP和HTTPS协议访问后端API。这取决于您的后端API是通过HTTP还是HTTPS协议进行通信。在实际开发中，为了保证通信安全性，建议使用HTTPS协议来保护数据的传输。同时，如果您的Vue应用程序部署在HTTPS环境中，则必须使用HTTPS协议来访问后端API，否则可能会遇到跨域访问问题。

相关问题

vue网页如何让http和https都可以访问

要让Vue网页同时支持HTTP和HTTPS访问，需要进行如下步骤：

1. 在Vue项目的根目录下找到config/index.js文件，找到dev对象和prod对象，分别添加以下代码：

dev: {
    // ...
    port: 8080,
    https: false // 添加此行代码，表示开启HTTP访问
},
prod: {
    // ...
    https: true // 添加此行代码，表示开启HTTPS访问
}

2. 在Vue项目中安装http-server和https-localhost两个插件。

npm install http-server https-localhost --save-dev

3. 在Vue项目的config/index.js文件中找到devServer对象，添加以下代码：

devServer: {
  // ...
  https: true, // 添加此行代码，表示开启HTTPS访问
  https: {
    key: fs.readFileSync('./certs/server.key'),
    cert: fs.readFileSync('./certs/server.crt'),
    ca: fs.readFileSync('./certs/ca.crt')
  },
  before(app) {
    app.use(
      '/api',
      httpProxyMiddleware({
        target: 'http://localhost:5000',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      })
    )
  }
}

其中，fs.readFileSync()方法用于读取证书文件，httpProxyMiddleware用于配置反向代理。

4. 在Vue项目根目录下创建certs目录，将你的证书文件（server.key、server.crt、ca.crt）放入该目录。

至此，Vue项目就支持同时支持HTTP和HTTPS访问了。同时，需要注意的是，由于HTTPS访问需要证书，因此需要在浏览器中信任该证书才能正常访问。

Vue 如何配置使http和https都可以访问网站

要使Vue应用程序同时支持HTTP和HTTPS协议，您需要在Vue项目的配置文件中进行相应的更改。具体步骤如下：

1. 打开`vue.config.js`文件，在`devServer`选项中添加如下配置：

devServer: {
  https: true,
  port: 8080, // 指定HTTP协议下的端口号
  // 下面是HTTP协议下的跨域配置
  proxy: {
    '/api': {
      target: 'http://localhost:3000', // 后端API的地址
      ws: true,
      changeOrigin: true,
      pathRewrite: {
        '^/api': ''
      }
    }
  }
}

2. 在上述配置中，我们设置了`https`选项为`true`，这表示我们要启用HTTPS协议。同时，我们也指定了HTTP协议下的端口号为`8080`，以及配置了HTTP协议下的跨域代理。

3. 要使Vue应用程序同时支持HTTP和HTTPS协议，您需要在您的Web服务器上配置SSL证书。您可以使用免费的证书颁发机构（如Let’s Encrypt）来获取SSL证书，并在您的Web服务器上进行相应配置。

4. 部署您的Vue应用程序。如果您的Web服务器已正确配置SSL证书，则您可以通过`https://yourdomain.com`访问您的Vue应用程序。如果您想通过HTTP协议访问，则可以通过`http://yourdomain.com:8080`访问。请注意，这里的端口号`8080`需要与您在`vue.config.js`文件中配置的端口号一致。

希望以上内容能够帮助到您。