vue前后端在两个文件夹里面,怎么关联上的?
1、上一节在Flask目录下，新建了前端Vue项目。这节是Vue与Flask的关联。编译完成后，我们会在vue文件夹下得到dist文件夹（上上图中输出目录的设置），里面放置的就是编译好的前端文件。
2、web后端和前端是怎么连接的 WEB后端和WEB前端可以通过 前端模板引擎 与 后端模板引擎 进行连接。
3、vue在服务端部署时，我们都知道通过npm run build 指令打包好的dist文件，通过http指定是可以直接浏览的，Thinkphp通过域名指向index.php文件才可以浏览。
4、配置文件如下：第一行 主要就是给nginx加权限，vue部署后使用history路由时会去掉地址后面的‘#’号，打包部署后不加权限会有bug。
vue怎么内网穿透访问后端接口
安装axios库，在终端中输入以下命令安装axios。在vue组件中导入axios。发送HTTP请求。
首先需要确定第三方的接口的基本信息：地址、请求方式，参数、返回值，接口模式这里第三方的接口是restful风格的，采用get请求。确定好接口的相关模式之后，这里编写http的请求，用参数、请求模式构造请求。
问题：后端给的接口是：https：//stg-pteppp.leanapp.cn/h5/jsconfig.前端在本地开发中调用该接口跨域。解决方案：在webpack中配置proxy。如下图所示 如上： target是你要代理的域名，必须要加上http。
在 Vue 3 组件中使用 Axios 或 Fetch API 发送请求：上述代码中，我们在组件中定义了一个按钮，当用户点击按钮时，会触发 getData 方法。
在Vue项目中，前后端通常在不同的文件夹中，可以通过配置webpack或者proxy实现前后端的联调。如果使用webpack，可以在vue.config.js文件中进行配置。
规则类型选择“端口”，下一步“特定本地端口”填 8080-8088 （此处是一个 IP 段，因为如果打开多个项目，端口会被占用， Vue会自动分配一个新的端口。如：8081 ）。
前端vue与后端Thinkphp在服务器的部署
1、thinkphp作为服务端，为客户端提供数据。而Vue是客户端的一个JavaScript框架。便于我们对页面进行处理。一般情况下，vue通过异步请求来获取数据。由于实例化vue时已经将相关的变量、模板等定义好了。
2、将前端Vue程序打包为静态文件，使用npm或yarn运行命令： npm run build或yarn build。在你的服务器上，可以使用FTP或SCP等工具将静态文件上传到服务器。配置服务器以在Web服务器（例如Apache或Nginx）上提供静态文件。
3、也就是在远程端做开发工作，那么肯定是要安装node的，毕竟vue开发环境需要node。基本上服务端也就这两种需求，node包其实很小，安装一个也不费事，还可以方便开发，我觉得在远程端按一个最好。
4、既然提到了部署，默认的部署使用 npm/cnpm 进行，如下命令，输出内容在 /dist 目录。可以使用参数来设置，得到符合不同需要的编译结果。之后即可以将打包的文件部署到服务器上。
5、做完以后觉得实在是累，前端要div+css，js 后端要php，MySQL，这么多东西要弄，十分头疼。所以，在接到做网站的任务后，我第一时间想到一定要使用开发框架去做，绝不能跟以前一样那么累了。我选择的是PHP的ThinkPHP框架。