Vue3.0代理的设置
代理 设置 vue3.0
2023-09-14 09:07:53 时间
1.在主目录下创建vue.config.js
内容如下:
const path = require('path'); function resolve (dir) { return path.join(__dirname, dir) } module.exports = { // 区分打包环境与开发环境 // process.env.NODE_ENV==='production' // (打包环境) // process.env.NODE_ENV==='development' // (开发环境) // baseUrl: process.env.NODE_ENV==='production'?"https://cdn.didabisai.com/front/":'front/', baseUrl: process.env.NODE_ENV==='production'?"http://testihospital.doctoradmin.ebaiyihui.com":'./', // 用用程序默认部署位置,‘/’根目录,存放子目录ex:‘/web/’ outputDir: 'dist', // 输出文件目录 devServer: { proxy: { '/api': { // // target: 'http://192.168.0.159:8080', // // target: 'http://192.168.0.180:8080', // // target: 'http://ihospital.doctoradmin.ebaiyihui.com', target: 'http://testihospital.doctoradmin.ebaiyihui.com', ws: true, changeOrigin:true,//允许跨域 pathRewrite: { '^/api': '/api' } } } }, // 将接收ChainableConfig由webpack-chain提供支持的实例的函数。 chainWebpack: config => { config.resolve.alias .set('@', resolve('src')) .set('style', resolve('src/assets/style')) .set('img', resolve('src/assets/img')) .set('components', resolve('src/components')) } };
完成后,不需要引入,直接运行npm命令运行项目就ok
相关文章
- fiddler和charles哪个好用_charles手机设置代理后上不了网
- git设置代理
- nginx做正向代理_正向代理和反向代理图
- eclipse配置安卓开发环境sdk_Android 设置网络代理
- Oxylabs住宅代理和数据中心代理在AdsPower中设置讲解
- 让你的docker支持代理
- Charles的代理设置
- 什么是住宅代理IP?有哪些应用?
- 【错误记录】Groovy 闭包使用报错 ( 闭包中不能直接使用外部对象的方法 | 需要先设置 delegate 代理 )
- 代理http可以帮助爬虫业务获取哪些数据?如何提高效率?
- java代理IP设置实例详解编程语言
- 拥抱开源:用Linux轻松设置代理上网(linux设置代理上网)
- Linux快速设置系统代理助你上网方便(linux设置系统代理)
- python3 selenium模块Chrome设置代理ip的实现详解编程语言
- Linux下设置代理服务器:一步一步指南(linux设置代理)
- Linux下实现快速代理设置(linux代理设置)
- 解决影响代理IP不稳定问题
- 使用Linux代理管理SVN版本控制的实用技巧(linuxsvn代理)
- 如何在Linux中设置代理IP(linux设置代理ip)
- 掌握技巧:macOS全局代理设置一步到位(macos全局代理)
- 如何在 Linux 上 设置网络代理(linux设置网络代理)
- 使用443端口代理mysql轻松解决访问问题(443端口代理mysql)
- IIS中使用的ISAPI_RewriteFull版本做反向代理详解
- 用iframe设置代理解决ajax跨域请求问题
- 为python设置socket代理的方法
- Nginx作为反向代理时传递客户端IP的设置方法