Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[vue] vue部署上线前需要做哪些准备工作? #350

Open
haizhilin2013 opened this issue Jun 20, 2019 · 5 comments
Open

[vue] vue部署上线前需要做哪些准备工作? #350

haizhilin2013 opened this issue Jun 20, 2019 · 5 comments
Labels
vue vue

Comments

@haizhilin2013
Copy link
Collaborator

[vue] vue部署上线前需要做哪些准备工作?

@haizhilin2013 haizhilin2013 added the vue vue label Jun 20, 2019
@persist-xyz
Copy link

主要assetsPublicPath、publicPath 两个

@Myh-cs
Copy link

Myh-cs commented Jul 9, 2019

router 是不是hash 是否需要配置nginx , publicPath , 是不是要配置cdn

@sc950828
Copy link

npm run build

@Pengxiaoshen
Copy link

有没有vue部署的教程呀,纯纯小白

@Cai-zhiji
Copy link

在将Vue项目部署到线上环境之前,需要进行以下准备工作:

优化项目: 对项目进行优化,包括代码压缩、资源合并、图片压缩等,以减小项目的文件体积,提升加载速度和用户体验。

配置打包环境: 确保项目的打包配置适合线上环境。通常会有不同的打包配置,如开发环境、测试环境和生产环境。在生产环境下,需要关闭调试工具、启用代码压缩、启用缓存等,以提高性能和安全性。

设置路由模式: 根据线上环境的需求,设置合适的路由模式。通常有hash模式和history模式可供选择。如果需要更美观的URL,可以使用history模式,但需要服务器配置来支持。

配置服务器: 部署Vue项目需要将静态资源(如HTML、CSS、JavaScript文件)部署到Web服务器上。确保服务器配置正确,并设置适当的缓存策略、Gzip压缩等,以提高页面加载速度。

处理路由问题: 如果使用了Vue Router进行路由管理,需要配置服务器以支持前端路由。对于history模式,需要配置服务器重定向所有路由请求到主页面。

处理API请求: 确保API请求的跨域问题得到解决。如果API请求涉及跨域,可以在服务器上进行反向代理设置或使用CORS策略来解决。

配置环境变量: 根据不同的环境,设置适当的环境变量,如后端API的URL、调试开关等。这样可以在不同环境下使用不同的配置。

测试和验证: 在部署到线上环境之前,进行充分的测试和验证。确保应用在线上环境中正常运行,并解决可能出现的问题。

备份项目: 在部署之前,备份项目的源代码和相关资源。这样可以在出现问题时快速恢复。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
vue vue
Projects
None yet
Development

No branches or pull requests

6 participants