webpack开发vue2项目中的一些坑（1、跨域 2、打包后后端访问一片空白3、加载第三方库的字体文件出错4、加载背景图出错）

最新推荐文章于 2024-08-29 10:09:07 发布

Take_Dream

最新推荐文章于 2024-08-29 10:09:07 发布

阅读量4.3k

点赞数

分类专栏：前端构建工具webpack/gulp等

本文链接：https://blog.csdn.net/Take_Dream_as_Horse/article/details/78032304

版权

本文主要介绍了在使用webpack开发Vue2项目时遇到的一些问题及解决方案，包括跨域设置、打包后访问空白、第三方库字体文件加载失败、背景图加载404等问题。针对这些问题，给出了具体的webpack配置调整、静态资源处理和项目部署的建议。

摘要由CSDN通过智能技术生成

1、在开发调试过程中，解决跨域的问题

例：本地服务器：localhost:3030 服务器地址：192.111.1.1:4000（虚构）

webpack配置：

devServer: {
        contentBase: "./static/",
        host: 'localhost',
        port: 3030,
        inline: true,
        hot: true,
        noInfo: true,
        proxy: {
           
            '/api/*': {
                target: 'http://192.111.1.1:4000',
                secure: false,
                changeOrigin: false // false
            }