电商全栈项目搭建后端数据上线及前端数据上线操作流程

212 阅读1分钟

电商全栈项目搭建

1:后端上线

image-20230222091452682

1.客户端

vue /api/goods--->修改vue.config.js

module.exports = {
  devServer: {
    proxy: {
      "/api": {
        // target: "https://www.liulongbin.top:8888/api/private/v1",
        target: "http://localhost:8888/api/private/v1",
        changeOrigin: true,
        pathRewrite: {
          "^/api": "",
        },
      },
    },
  },
};

运行客户端

npm run serve

2.node运行

  • 运行命令: node app.js
  • 链接数据库

​ /config/default.json

{
。。。。
	"db_config" : {
		"protocol" : "mysql",
		"host" : "127.0.0.1",
		"database" : "mydb",
		"user" : "root",
		"password" : "123456",
		"port" : 3306
	}
}

3.数据库

  • 工具:phpStudy --->mysql 服务跑起来

2.png

1.png

3.png

给提供的数据下载依赖然后通过node app.js去运行

2:宝塔面板数据上线

步骤如下:登录宝塔面板之后进行以下操作

1.png

2.png

3png.png

4.png

5.png

6.png

7.png