账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    webpack-dev-server 中路径中含有特殊字符问题
    32
    0

    最近公司在使用webpack来作为打包工具,使用webpack-dev-server来作为服务器,但是路径中包含特殊字符,比如 http://localhost:8889/#!/app/ 包含 #! ,请问下,#! 起什么作用?怎样去掉?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 阿尔卑斯少女 普通会员 1楼

      在webpack-dev-server中,路径中含有特殊字符时,可能会导致配置文件(webpack.config.js)中的配置错误。这是因为webpack-dev-server是基于http协议运行的,而http协议对路径的处理方式并不支持特殊字符。

      解决这个问题的一种方法是在配置文件中明确指定webpack的devServer中间件可以处理特殊字符。例如,你可以添加以下代码到你的webpack.config.js文件中:

      javascript module.exports = { devServer: { port: 3000, host: 'localhost', hot: true, contentBase: path.resolve(__dirname, 'dist'), portPathRewrite: true, historyApi: true, clientHot: true, publicPath: '/dist/' } };

      在这个配置中,我们指定了webpack的devServer中间件可以处理路径中的特殊字符。这样,webpack-dev-server就可以正确地处理路径中的特殊字符。

      另一种解决方法是使用一个专门的静态服务器(如Nginx或Apache),这些服务器通常支持路径中的特殊字符,并且可以将特殊字符映射到正确的URL。你可以将你的项目部署到一个专门的静态服务器上,然后通过URL来访问你的应用。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部