electron+vue框架搭建桌面应用（四）

一、关于项目迁移的local、cookie数据失效的问题

一般我们的项目都是放在指定服务器上 所以之前的vue本地数据存储是没有问题的，当项目转移到electron上时就会有cookie等存储失效了

解决思路 使用http-server创建本地服务器

1、安装http-server依赖

npm install http-server --save

2、接下来在main.js中引入和使用http-server，运行本地服务器

var httpserver=require('http-server')
//build
httpserver.createServer({root:'./resources/app'}).listen(8000)
//dev
//httpserver.createServer().listen(8080)

二、关于跨域问题

mainWindow = new BrowserWindow({
    webPreferences: {webSecurity: false},
  })

只需要加这么一行代码就可以了

三、关于dev代理

找到dev-runner.js文件，在WebpackDevServer中添加代理才能生效

{
        contentBase: path.join(__dirname, '../'),
        quiet: true,
        proxy: {
          '/api': {
            // 请求的目标服务器地址
            target: 'http://****',
            // 设置允许跨域
            changeOrigin: true,
            // 重写路径
            pathRewrite: {
              '^/api': '/api'
            },
            headers: {
              referer: ''
            }
          }
        },
        before (app, ctx) {
          app.use(hotMiddleware)
          ctx.middleware.waitUntilValid(() => {
            resolve()
          })
        }
      }

这里配置和proxyTable是一样的

配置完之后重新run一遍就可以了