nuxt.js配置https及跨域

nuxt.js配置https

生成本地使用https证书

在cmd窗口下

1. 下载证书生成库

   npm install -g mkcert
   

2. 创建证书颁发机构

   mkcert create-ca
   

   

3. 创建证书

   mkcert create-cert
   

   

4. 找到证书文件

   根据创建提示找到对应的证书文件，复制粘贴到nuxt项目根目录下
   
   复制粘贴到nuxt项目下后，在nuxt.config.js文件增添配置

5. 下载fs、path库

   npm i fs
   npm i path
   

6. 引入fs和path

   import path from 'path'
   	import fs from 'fs'
   	
   	export default {
   	  // Global page headers: https://go.nuxtjs.dev/config-head
   

7. 配置https服务

     server: {
       https: {
         key: fs.readFileSync(path.resolve(__dirname, 'cert.key')),
         cert: fs.readFileSync(path.resolve(__dirname, 'cert.crt'))
       },
     },
   
     // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
   

8. 运行项目，查看https是否配置成功
   

https 解决跨域

axios: {
    proxy: true, // 开启代理
  },
  proxy: {
    '/api': {
      changeOrigin: true, // 开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接受请求的数据
      target: 'https://IP地址:端口号', // 允许跨域的服务器地址
      // ws:true, // 是否启用websockets
      pathRewrite: {
        '^/api': '' // 路径重新
      }
    }
  },