vue和nuxt遇到的坑

843 阅读2分钟

vue本地无法启动问题:

第一步:需要在config/index.js 文件中查看 dev:{proxyTable: {

"/dev": "",

},

}

是否对应开发环境地址,不对应的话需要修改正确


第二步:然后打开电脑文件夹 输入/etc,打开etc文件夹,然后找到 hosts文件,直接拖到vscode点击打开,最后加上127.0.0.1  对应的开发环境地址 保存, 然后npm run dev 启动项目, 最后用http://对应的开发环境地址:对应端口号/login打开即可

注意:修改了hosts文件,记得还原,不然会造成无法其它环境,就会造成无法本地启动其它项目


nuxt本地无法启动问题:

可登录的项目如何配置本地连接dev

1、先微信或注册账号得到cookie的密钥 : 如ID=4a68a46d-1c5f-0a6b25ad32a2 每次关闭浏览器都要重新获取新的, 无痕和不无痕模式dev和本地都要在一起


2、在项目中的nuxt.config.js中找到 proxy函数, 将if (set) 里的 proxyRes.headers['set-cookie'] = Array.isArray(set) ? set.map(removeSecure) : removeSecure(set) 注释掉, 并在if 上面加上
proxyRes.headers['set-cookie'] = 获取的密钥 如:
proxyRes.headers['set-cookie'] = 'ID=4a68a46d-1c5f-0a6b25ad32a2 ’

3、在根目录新建.env 文件,加上 PROXY_URL= 要连接的环境

如: PROXY_URL=https://www.baidu.com


4、在项目中的package.json 中 找到config函数,查看是否有port(端口号),根据情况看是否要更改

5、然后打开项目文件夹,选择当前项目文件夹,点击屏幕左上角 前往按钮 , 输入/etc,打开etc文件夹,然后找到 hosts文件,直接拖到vscode点击打开,最后加上
127.0.0.1  对应环境地址 保存, 然后npm run dev 启动项目, ,不用记得要删除

注意:修改了hosts文件,记得还原,不然会造成无法其它环境,就会造成无法本地启动其它项目