前端vue与后端Thinkphp在服务器的部署

thinkphp作为服务端，为客户端提供数据。而Vue是客户端的一个JavaScript框架。便于我们对页面进行处理。一般情况下，vue通过异步请求来获取数据。由于实例化vue时已经将相关的变量、模板等定义好了。

乌拉特后ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为成都创新互联公司的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：13518219792（备注：SSL证书合作）期待与您的合作！

将前端Vue程序打包为静态文件，使用npm或yarn运行命令： npm run build或yarn build。在你的服务器上，可以使用FTP或SCP等工具将静态文件上传到服务器。配置服务器以在Web服务器（例如Apache或Nginx）上提供静态文件。

主要就是给nginx加权限，vue部署后使用history路由时会去掉地址后面的‘#’号，打包部署后不加权限会有bug。

既然提到了部署，默认的部署使用 npm/cnpm 进行，如下命令，输出内容在 /dist 目录。可以使用参数来设置，得到符合不同需要的编译结果。之后即可以将打包的文件部署到服务器上。

vue部署到服务器如何访问根目录

1、跨域 在服务器配置站点：在路径/home/www/下创建test项目文件夹，用来放项目文件。

2、访问路径为： http：//testgbfeng点抗 访问路径为 http：//testgbfeng点抗 /questionnaire 这种情况是vue项目的路由指向问题。在vue项目 index.js 中添加需要访问的子目录路由即可。

3、例如有两个项目文件夹分别为test1，test2，里面都有index.html。

4、例如，如果你的应用被部署在 https：// ，则设置 publicPath 为 /my-app/。这个值在开发环境下同样生效。

5、但如此配置后，你的服务器就不再返回 404 错误页面，因为对于所有路径都会返回 index.html 文件。为了避免这种情况，你应该在 Vue 应用里面覆盖所有的路由情况，然后在给出一个 404 页面。

vuejs怎么在服务器部署

1、可以使用参数来设置，得到符合不同需要的编译结果。之后即可以将打包的文件部署到服务器上。

2、vue在服务端部署时，我们都知道通过npm run build 指令打包好的dist文件，通过http指定是可以直接浏览的，Thinkphp通过域名指向index.php文件才可以浏览。

3、部署Vue到服务器可以使用npm install来安装所需要的相关依赖包，然后通过npm run build构建生产环境，部署dist目录到服务器根目录，就可以访问根目录了。

当前文章：vue部署腾讯云服务器 vueyunsm
浏览地址：http://ybzwz.com/article/dcepisg.html