关于vue项目部署到服务器不兼容ie问题

关于vue项目部署到服务器不兼容ie问题

问题表述

webpack打包vue项目放到服务器上用其他浏览器:谷歌,火狐打开没问题,用2345,360打开却是空白页,作为一个小白一脸蒙圈;几番麻烦度娘才知道:┗|`O′|┛ 嗷~~是ie不兼容vue的问题

解决方法

要安装babel-polyfill

安装

npm install --save-dev babel-polyfill
在入口main.js文件引入import ‘babel-polyfill’

配置

在webpack.base.conf.js修改app为
app
我以为这就完了,然鹅。。。。死活还是出不来,最后再次海底捞针找珍珠救命!!!!
最后发现一个大神说到,webpack.base.conf.js有个配置babel-loader的地方,我们还需要把需要转义的地方手动配置进去,如下:
在这里插入图片描述
就在include里面把包含js的文件夹放进去(我的理解是这样的),最后功夫不负有心人,是可以在ie上显示出来了,但是本地运行还是不行,这跟打包有关,就是得打包后才会生效,本地兼容还不清楚。另外,还有图片加载不出来问题还没解决,折腾了一天有了这点收获我也是很快乐哈哈哈哈哈,兴奋的写下了我的第一篇博客。(图片后续解决了再记录一下)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
当您要将Vue项目部署服务器时,可以按照以下步骤进行操作: 1. 首先,确保您的服务器已经安装了Node.js和npm。您可以通过在终端中运行以下命令来检查它们是否已安装: ``` node -v npm -v ``` 如果命令返回版本号,则表示已安装。 2. 在您的本地Vue项目根目录下,使用以下命令构建项目: ``` npm run build ``` 这将在项目根目录下生成一个`dist`文件夹,其中含了构建好的静态文件。 3. 将`dist`文件夹中的内容复制到您的服务器上的目标部署文件夹。您可以使用FTP、SCP或其他文件传输工具进行复制。 4. 确保您的服务器上已经安装了一个HTTP服务器(如Nginx或Apache)。如果没有,请根据您的服务器操作系统进行安装。 5. 配置HTTP服务器以将请求指向部署文件夹。例如,在Nginx中,您可以编辑服务器配置文件(通常是`/etc/nginx/nginx.conf`)并添加以下配置: ``` server { listen 80; server_name your_domain.com; root /path/to/your/deploy/folder; location / { try_files $uri $uri/ /index.html; } } ``` 将`your_domain.com`替换为您的域名或服务器IP地址,将`/path/to/your/deploy/folder`替换为您的部署文件夹的路径。 6. 保存并退出配置文件后,重新启动HTTP服务器以使更改生效。 7. 现在,您可以通过在浏览器中访问您的服务器域名或IP地址来查看部署的Vue项目。 请注意,这只是一种简单的部署方法,具体操作可能会因您的服务器环境和需求而有所不同。如果您有特定要求或遇到问题,可以提供更多细节以便我们提供更准确的帮助。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值