Vue上传图片服务器不兼容问题解析，原因及解决策略探究

Vue.js 在服务器上运行常见问题解析

1、常见问题之一是POST请求处理不当，在Vue应用中，POST提交请求时，请求参数可以以两种形式存在：form data和request payload，需要注意的是，request payload中的数据无法通过request.getParameter(name)方法获取，这可能导致服务器端接收不到数据。

2、在部署Vue项目时，静态资源路径配置错误也是一个常见问题，在dist目录下的static静态资源，通过路由访问时，可能会出现一个额外的路由前缀，如：ip:8080/Test/static/one.js，如果存在一个名为Test的路由，它会导致one.js文件找不到，从而返回 *** ，解决方法是检查Vue项目中的路由配置文件（/src/router/index.js），按照正确的路径修改配置，然后重新构建项目并替换服务器上的dist文件夹。

3、有时，页面加载异常可能是由于程序自身的Bug，通过使用Vue Router的懒加载特性，可以实现组件的按需加载，这样只有在访问特定路由时才会加载对应的组件，而不是在首页加载时一次性加载所有组件，这有助于解决页面加载异常的问题。

Vue部署到服务器时JS加载失败的解决方法

1、Vue项目部署到服务器后，JS加载失败可能有多种原因，检查Vue Router的路由配置是否正确，确保所有页面都能被正确找到，确认前端框架打包后是否正确配置了部署路径，否则服务器可能找不到页面，通过修改vue.config.js中的publicPath属性，可以解决部署路径问题。

2、确保在Nginx服务器上创建符号链接到sites-enabled目录以启用配置，检查Nginx的配置文件是否正确，无误后重启Nginx以应用新的配置，这些细致的步骤有助于确保Vue.js项目在Linux服务器上顺利运行，提供高性能和可靠的服务。

3、若Vue项目中的WebSocket在本地运行正常，但在线上部署时无法加载响应数据，可能需要以下步骤进行解决：配置Nginx进行反向代理，确保WebSocket请求能正确转发到服务器端，确保服务器端已开放WebSocket端口号。

4、对于Apache服务器，可以尝试开启URL重写功能，具体操作为：将Vue项目所在服务器文件夹的路径，如leibo.group/pcMall/... 重写为 leibo.group/pcMall/index.html，并在Apache配置中开启allowoverride，进行URL重写。

Vue项目在CentOS 7服务器上静态资源路由加载问题

1、部署Vue项目到CentOS 7服务器时，首先需要安装wget工具：`yum -y install wget`，然后切换到/usr/local/src目录，从Node.js官网下载适合CentOS 8的64位版本。

2、vue-webtopo-svgeditor是一个基于Vue 3实现的SVG可视化Web布局编辑器，它提供了丰富的功能，可以帮助开发者轻松创建和管理SVG图形。

3、在dist目录下的static静态资源，如果通过路由访问时出现 *** ，通常是因为路由配置不正确，需要检查Vue项目中的路由配置文件（/src/router/index.js），进行相应的修改，然后重新构建项目并替换服务器上的dist文件夹。

4、启动Nginx服务后，如果 *** 网站，可能需要重启服务以确保配置更新生效，修改Nginx配置文件，指定服务器监听端口和网站存放路径，并确保配置正确后重启Nginx，根据配置文件中的路径新建网站文件夹，确保文件夹结构符合项目部署需求。

Vue-resource发送POST请求服务器接收不到数据的解决方法

1、使用vue-resource进行GET请求的示例代码如下：`this.$http.get(URL).then(function(res) { this.bannerData = res.data; });`。

2、POST请求的示例代码可能是这样的：`_this.$http.post('/apiwx2/xqsj.php', { 'token': _this.token, 'house': _this.userName });`，如果服务器接收不到数据，可能是因为跨域问题，检查接口请求方式，并在服务器端的跨域请求头中加入相应的请求方式。

3、确保在发送POST请求时，设置了正确的headers，`headers: { 'Content-Type': 'application/x-www-form-urlencoded' }`。

4、如果未引入vue-resource，那么请求将无法发送，确保在项目中正确引入了vue-resource库。

5、对于需要登录权限的组件数据加载，可以通过多种方式实现，定义接口返回码来判断是否需要登录，使用vue-resource或axios配置全局拦截器，或在组件生命周期钩子中判断登录状态并结合缓存实现拦截跳转。